Removed all instances of data-position="inline" in headers

This is a throwback to when we used to have fixed toolbars by default.
Removing to avoid confusion.
This commit is contained in:
toddparker 2012-01-20 12:46:34 -05:00
parent 229d50e872
commit 8f636e5699
6 changed files with 19 additions and 19 deletions

View file

@ -78,7 +78,7 @@
<p>If a theme isn't specified on a content block, the framework will default to "c" to maximize contrast against the default header "a", as shown here:</p>
<div data-role="header" data-position="inline">
<div data-role="header">
<a href="#" data-icon="arrow-l">Back</a>
<h1>Default Header</h1>
</div>

View file

@ -32,7 +32,7 @@
<div data-role="page" id="bar">
<div data-role="header" data-theme="d" data-position="inline">
<div data-role="header" data-theme="d">
<h1>Sample Dialogs</h1>
</div>

View file

@ -54,7 +54,7 @@
<p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
<h2>Swatch A</h2>
<div data-role="header" data-position="inline">
<div data-role="header">
<h1>Header A</h1>
</div>

View file

@ -54,45 +54,45 @@
<h3>Headers</h3>
<div data-role="header" data-position="inline">
<div data-role="header">
<h1>Bar theme "a"</h1>
<a href="index.html" data-icon="plus" data-theme="c">New</a>
</div>
<div data-role="header" data-position="inline">
<div data-role="header">
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
<h1>Bar theme "a"</h1>
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
</div>
<div data-role="header" data-position="inline" data-theme="b">
<div data-role="header" data-theme="b">
<h1>Bar theme "b"</h1>
<a href="index.html" data-icon="plus" data-theme="a">New</a>
</div>
<div data-role="header" data-position="inline" data-theme="b">
<div data-role="header" data-theme="b">
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
<h1>Bar theme "b"</h1>
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="d">Save</a>
</div>
<div data-role="header" data-position="inline" data-theme="c">
<div data-role="header" data-theme="c">
<h1>Bar theme "c"</h1>
<a href="index.html" data-icon="plus" data-theme="a">New</a>
</div>
<div data-role="header" data-position="inline" data-theme="c">
<div data-role="header" data-theme="c">
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
<h1>Bar theme "c"</h1>
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
</div>
<div data-role="header" data-position="inline" data-theme="d">
<div data-role="header" data-theme="d">
<h1>Bar theme "d"</h1>
<a href="index.html" data-icon="plus" data-theme="a">New</a>
</div>
<div data-role="header" data-position="inline" data-theme="d">
<div data-role="header" data-theme="d">
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
<h1>Bar theme "d"</h1>
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>

View file

@ -36,7 +36,7 @@
<p>The <code>footer</code> toolbar will be be themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p>
<div data-role="footer" data-position="inline">
<div data-role="footer">
<h4>Footer content</h4>
</div>
@ -63,7 +63,7 @@
<p>This creates this toolbar with buttons sitting in a row</p>
<div data-role="footer" class="ui-bar" data-position="inline">
<div data-role="footer" class="ui-bar">
<a href="index.html" data-icon="delete">Remove</a>
<a href="index.html" data-icon="plus">Add</a>
<a href="index.html" data-icon="arrow-u">Up</a>
@ -76,7 +76,7 @@
<p>This creates a grouped set of buttons:</p>
<div data-role="footer" class="ui-bar" data-position="inline">
<div data-role="footer" class="ui-bar">
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-icon="delete">Remove</a>
<a href="index.html" data-icon="plus">Add</a>
@ -92,7 +92,7 @@
<p>Form elements and other content can also be added to toolbars. Here is an example of a select menu inside a footer bar:</p>
<div data-role="footer" class="ui-bar" data-position="inline">
<div data-role="footer" class="ui-bar">
<label for="select-choice-1">Shipping:</label>
<select name="select-choice-1" id="select-choice-1" data-theme="a">
<option value="standard">Standard: 7 day</option>

View file

@ -39,7 +39,7 @@
<div data-role="header" data-position="inline">
<div data-role="header">
<h1>Page title</h1>
</div>
@ -69,7 +69,7 @@
</code></pre>
<div data-role="header" data-position="inline">
<div data-role="header">
<a href="index.html" data-icon="delete">Cancel</a>
<h1>Edit Contact</h1>
<a href="index.html" data-icon="check">Save</a>
@ -85,7 +85,7 @@
</code></pre>
<div data-role="header" data-position="inline">
<div data-role="header">
<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>
@ -107,7 +107,7 @@
</code></pre>
</div>
<div data-role="header" data-position="inline" >
<div data-role="header" >
<h1>Page Title</h1>
<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
</div>