<div data-role="footer" data-position ="fixed">
<div data-role="tabbar">
<ul>
- <li id="gallery-add"><a href="#">Add</a></li>
- <li id="gallery-del"><a href="#">Delete</a></li>
+ <li id="gallery-add"><a href="#">ADD</a></li>
+ <li id="gallery-del"><a href="#">DELETE</a></li>
</ul>
</div><!-- /navbar -->
</div>
<p>Footer more sample</p>
</div>
<div data-role="footer">
- <div data-role="button" data-inline="true" data-style="round">Button1</div>
- <div data-role="button" data-inline="true" data-style="round">Button2</div>
+ <div data-role="button" data-inline="true" data-style="round">BUTTON1</div>
+ <div data-role="button" data-inline="true" data-style="round">BUTTON2</div>
<a href="#pop_js" data-role="button" data-icon="naviframe-more" data-transition="slidedownfade" data-rel="popup"></a>
<div data-role="footer">
<div data-role="tabbar">
<ul>
- <li><a href="#"class="ui-btn-active">Menu</a></li>
- <li><a href="#">Save</a></li>
- <li><a href="#">Share</a></li>
+ <li><a href="#"class="ui-btn-active">MENU</a></li>
+ <li><a href="#">SAVE</a></li>
+ <li><a href="#">SHARE</a></li>
</ul>
</div>
</div>
</div>
<div data-role="tabbar">
<ul>
- <li><a href="#"class="ui-btn-active">Menu</a></li>
- <li><a href="#">Save</a></li>
- <li><a href="#">Share</a></li>
+ <li><a href="#"class="ui-btn-active">MENU</a></li>
+ <li><a href="#">SAVE</a></li>
+ <li><a href="#">SHARE</a></li>
</ul>
</div>
<div data-role="footer">
<div data-role="controlgroup" data-type="horizontal">
- <a href="#" data-role="button">Yes</a>
- <a href="#" data-role="button">No</a>
- <a href="#" data-role="button">Maybe</a>
+ <a href="#" data-role="button">YES</a>
+ <a href="#" data-role="button">NO</a>
+ <a href="#" data-role="button">MAYBE</a>
</div>
</div>
</div>
</div>
<div data-role="controlgroup" data-type="horizontal">
- <a href="#" data-role="button">Back</a>
- <a href="#" data-role="button">Next</a>
+ <a href="#" data-role="button">BACK</a>
+ <a href="#" data-role="button">NEXT</a>
</div>
</div>
</div>