Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-28 09:54:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweaked styles for footer grid example.

Browse source
This commit is contained in:
toddparker 2011-10-14 13:00:59 -04:00
parent cd09f54ef3
commit 90d29840f6
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
docs/content/content-grids.html
View file

@ -149,11 +149,12 @@
<h2>Grids in toolbars</h2>
<p>Grids are helpful for creating layouts within a toolbar. Here's a footer with a 3 column grid.</p>
<!-- Inline styles are for demo purposes only, please use external styles -->
<div data-role="footer" data-theme="a" class="ui-bar ui-grid-b">
<div class="ui-block-a" style="margin-top:8px;"><h3>Settings</h3></div>
<div class="ui-block-b"><label for="value" style="margin-top:8px;">Price</label><input id="value" value="5,000"></div>
<div class="ui-block-b" style="padding-top:4px;"><button type="submit" data-theme="b">Update</button></div>
<!-- NOTE: Inline styles are for demo purposes only, please use external styles -->
<div data-role="footer" data-theme="a" class="ui-bar ui-grid-c">
<div class="ui-block-a"><h3 style="margin-top:10px;">Settings</h3></div>
<div class="ui-block-b"><label for="value" style="margin:8px 10px 0 0; text-align:right;">Price</label> </div>
<div class="ui-block-c"><input id="value" value="5,000"></div>
<div class="ui-block-d"><div style="margin:6px 0 0 10px;"><button type="submit" data-theme="b">Update</button></div></div>
</div><!-- /footer -->