demos/tizen-gray/widgets/auto-dividers.html

   1 <div data-role="page" id="autodividers-demo" data-add-back-btn="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Listview auto-dividers</h1>
   4         </div>
   5         <div data-role="content">
   6                 <p>This gets auto-dividers based on link text, or just
   7                         text (for read-only lists).</p>
   8                 <ul data-role="listview" data-autodividers="alpha">
   9                         <li><a href="#">Amy</a></li>
  10                         <li><a href="#">Andrew</a></li>
  11                         <li><a href="#">Astrid</a></li>
  12                         <li><a href="#">Bertie</a></li>
  13                         <li><a href="#">Carrie</a></li>
  14                         <li><a href="#">Derek</a></li>
  15                         <li><a href="#">Ian</a></li>
  16                         <li><a href="#">Matthew</a></li>
  17                 </ul>
  18         </div>
  19 </div>
  20
  21