Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 1st, 2012  |  syntax: None  |  size: 1.22 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How to build a 2 x 2 grid of buttons using jQuery Mobile?
  2. <div class="ui-grid-a">
  3. <a class="ui-block-a" data-role="button" data-icon="arrow-r" data-iconpos="right" href="#france">France</a>
  4. <a class="ui-block-b" data-role="button" data-icon="arrow-r" data-iconpos="right" href="#india">India</a>
  5. <a class="ui-block-a" data-role="button" data-icon="arrow-r" data-iconpos="right" href="#uk">UK</a>
  6. <a class="ui-block-b" data-role="button" data-icon="arrow-r" data-iconpos="right" href="#usa">USA</a>
  7. </div>
  8.        
  9. <div data-role="page" id="home">
  10.     <div data-role="content">
  11.         <div class="ui-grid-a">
  12.             <div class="ui-block-a">
  13.             <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="#france">France</a>
  14.             </div>
  15.             <div class="ui-block-b">
  16.             <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="#india">India</a>
  17.             </div>
  18.             <div class="ui-block-a">
  19.             <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="#uk">UK</a>
  20.             </div>
  21.             <div class="ui-block-b">
  22.             <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="#usa">USA</a>
  23.             </div>
  24.         </div>
  25.     </div>
  26. </div>
create a new version of this paste RAW Paste Data