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

edits

Browse source
This commit is contained in:
PattyToland 2010-10-15 20:30:22 -04:00
parent 1a7e687691
commit e836e3f9a0
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
docs/toolbars/docs-headers.html
View file

@ -54,7 +54,7 @@
<div data-role="header" data-position="inline">
<a href="index.html" data-icon="delete">Cancel</a>
<h1>Edit Contact</h1>
<a href="index.html" data-icon="check"</a>
<a href="index.html" data-icon="check">Save</a>
</div>
</code></pre>
@ -66,8 +66,18 @@
</div>
<p>Buttons automatically adapt to the swatch color of the bar they sit in, so a link in a header bar with the "a" color will also be styled as "a" colored buttons. It's simple to make a button visually stand out &mdash; here, we add the <code>data-theme</code> attribute and set the color swatch for the button to "b" to make the "Save" button pop.</p>
<pre><div data-role="header" data-position="inline">
<a href="index.html" data-icon="delete">Cancel</a>
<pre><code>
&lt;div data-role=&quot;header&quot; data-position=&quot;inline&quot;&gt;
&lt;a href=&quot;index.html&quot; data-icon=&quot;delete&quot;&gt;Cancel&lt;/a&gt;
&lt;h1&gt;Edit Contact&lt;/h1&gt;
&lt;a href=&quot;index.html&quot; data-icon=&quot;check&quot; data-theme=&quot;b&quot;&gt;Save&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>
<pre><code></code>
&lt;div data-role="header" data-position="inline">
&lt;a href="index.html" data-icon="delete">Cancel</a>
<h1>Edit Contact</h1>
<a href="index.html" data-icon="check" data-theme="b">Save</a>
</div></pre>