widgets/buttonGrouping.html

   1 <div data-role="page" data-add-back-btn="true">
   2
   3         <div data-role="header" data-position="fixed">
   4                 <h1>Button grouping</h1>
   5         </div><!-- /header -->
   6
   7
   8         <div data-role="content">
   9                 <p>1. Groupped 2 button</p>
  10                 <div data-role="controlgroup" data-type="horizontal">
  11                         <a href="#" data-role="button">Back Button</a>
  12                         <a href="#" data-role="button">Next Button</a>
  13                 </div>
  14                 <br>
  15                 <p>2. Groupped 3 button</p>
  16                 <div data-role="controlgroup" data-type="horizontal">
  17                         <a href="#" data-role="button">Back Button</a>
  18                         <a href="#" data-role="button">Save Button</a>
  19                         <a href="#" data-role="button">Next Button</a>
  20                 </div>
  21                 <br>
  22                 <p>3. Groupped 4 button</p>
  23                 <div data-role="controlgroup" data-type="horizontal">
  24                         <a href="#" data-role="button">Back</a>
  25                         <a href="#" data-role="button">Save</a>
  26                         <a href="#" data-role="button">Stop</a>
  27                         <a href="#" data-role="button">Next</a>
  28                 </div>
  29         </div><!-- /content -->
  30
  31         <div data-role="footer">
  32         </div>
  33 </div><!-- /page -->