RubyGems - RubyApp - Versions diffs - 0.6.59 → 0.6.60 - Mend

RubyApp 0.6.59 → 0.6.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (870) hide show

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/lists/lists-methods.html ADDED

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Lists Overview</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/jquery.mobile-1.1.0.js"></script>
+</head>
+<body>
+	<div data-role="page" class="type-interior">
+	<div data-role="header" data-theme="f">
+		<h1>Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+	<div data-role="content">
+	<div class="content-primary">
+		<h2>List views</h2>
+		<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
+			<li><a href="lists-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+			<li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
+		</ul>
+		<p>The listview plugin has the following methods:</p>
+		<dl>
+			<dt><code>childPages</code> retrieve the sub-pages</dt>
+			<dd>
+			<p>This method returns a jQuery object containing all the immediate child pages of a nested list.</p>
+			<pre><code>
+$('.selector').listview('childPages');
+				</code></pre>
+			</dd>
+			<dt><code>refresh</code> update the listview</dt>
+			<dd>
+			<p>If you manipulate a listview via JavaScript (e.g. add new LI elements), you must call the refresh method on it to update the visual styling.</p>
+			<pre><code>
+$('.selector').listview('refresh');
+				</code></pre>
+			</dd>
+		</dl>
+	</div><!--/content-primary -->
+	<div class="content-secondary">
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+				<h3>More in this section</h3>
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+					<li data-role="list-divider">List views</li>
+					<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+					<li><a href="lists-ul.html">Basic linked list</a></li>
+					<li><a href="lists-nested.html">Nested list</a></li>
+					<li><a href="lists-ol.html">Numbered list</a></li>
+					<li><a href="lists-split.html">Split button list</a></li>
+					<li><a href="lists-divider.html">List dividers</a></li>
+					<li><a href="lists-count.html">Count bubble</a></li>
+					<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+					<li><a href="lists-icons.html">Icons</a></li>
+					<li><a href="lists-formatting.html">Content formatting</a></li>
+					<li><a href="lists-search.html">Search filter bar</a></li>
+					<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+					<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+					<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+					<li><a href="lists-readonly.html">Read-only lists</a></li>
+					<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+					<li><a href="lists-forms.html">Lists with forms</a></li>
+					<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+					<li><a href="lists-inset.html">Inset styled lists</a></li>
+					<li><a href="lists-performance.html">List performance test</a></li>
+					<li><a href="lists-themes.html">Theming lists</a></li>
+				</ul>
+		</div>
+	</div>
+	</div><!-- /content -->
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+	</div><!-- /page -->
+</body>
+</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/lists/lists-nested.html ADDED

@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Nested Lists</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/jquery.mobile-1.1.0.js"></script>
+</head>
+<body>
+	<div data-role="page" class="type-interior">
+		<div data-role="header" data-theme="f">
+		<h1>Nested list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+	<div data-role="content">
+		<div class="content-primary">
+		<ul data-role="listview">
+			<li>
+				<h3>Animals</h3>
+				<p>All your favorites from aarkvarks to zebras.</p>
+				<ul>
+					<li>Pets
+						<ul>
+							<li><a href="index.html">Canary</a></li>
+							<li><a href="index.html">Cat</a></li>
+							<li><a href="index.html">Dog</a></li>
+							<li><a href="index.html">Gerbil</a></li>
+							<li><a href="index.html">Iguana</a></li>
+							<li><a href="index.html">Mouse</a></li>
+						</ul>
+					</li>
+					<li>Farm animals
+						<ul>
+							<li><a href="index.html">Chicken</a></li>
+							<li><a href="index.html">Cow</a></li>
+							<li><a href="index.html">Duck</a></li>
+							<li><a href="index.html">Horse</a></li>
+							<li><a href="index.html">Pig</a></li>
+							<li><a href="index.html">Sheep</a></li>
+						</ul>
+					</li>
+					<li>Wild animals
+						<ul>
+							<li><a href="index.html">Aardvark</a></li>
+							<li><a href="index.html">Alligator</a></li>
+							<li><a href="index.html">Ant</a></li>
+							<li><a href="index.html">Bear</a></li>
+							<li><a href="index.html">Beaver</a></li>
+							<li><a href="index.html">Cougar</a></li>
+							<li><a href="index.html">Dingo</a></li>
+							<li><a href="index.html">Eagle</a></li>
+							<li><a href="index.html">Elephant</a></li>
+							<li><a href="index.html">Ferret</a></li>
+							<li><a href="index.html">Frog</a></li>
+							<li><a href="index.html">Giraffe</a></li>
+							<li><a href="index.html">Lion</a></li>
+							<li><a href="index.html">Monkey</a></li>
+							<li><a href="index.html">Panda bear</a></li>
+							<li><a href="index.html">Polar bear</a></li>
+							<li><a href="index.html">Tiger</a></li>
+							<li><a href="index.html">Zebra</a></li>
+						</ul>
+					</li>
+				</ul>
+			</li>
+			<li>
+				<h3>Colors</h3>
+				<p>Fresh colors from the magic rainbow.</p>
+				<ul>
+					<li><a href="index.html">Blue</a></li>
+					<li><a href="index.html">Green</a></li>
+					<li><a href="index.html">Orange</a></li>
+					<li><a href="index.html">Purple</a></li>
+					<li><a href="index.html">Red</a></li>
+					<li><a href="index.html">Yellow</a></li>
+					<li><a href="index.html">Violet</a></li>
+				</ul>
+			</li>
+			<li>
+				<h3>Vehicles</h3>
+				<p>Everything from cars to planes.</p>
+				<ul>
+					<li>Cars
+						<ul>
+							<li><a href="index.html">Acura</a></li>
+							<li><a href="index.html">Audi</a></li>
+							<li><a href="index.html">BMW</a></li>
+							<li><a href="index.html">Cadillac</a></li>
+							<li><a href="index.html">Chrysler</a></li>
+							<li><a href="index.html">Dodge</a></li>
+							<li><a href="index.html">Ferrari</a></li>
+							<li><a href="index.html">Ford</a></li>
+							<li><a href="index.html">GMC</a></li>
+							<li><a href="index.html">Honda</a></li>
+							<li><a href="index.html">Hyundai</a></li>
+							<li><a href="index.html">Infiniti</a></li>
+							<li><a href="index.html">Jeep</a></li>
+							<li><a href="index.html">Kia</a></li>
+							<li><a href="index.html">Lexus</a></li>
+							<li><a href="index.html">Mini</a></li>
+							<li><a href="index.html">Nissan</a></li>
+							<li><a href="index.html">Porsche</a></li>
+							<li><a href="index.html">Subaru</a></li>
+							<li><a href="index.html">Toyota</a></li>
+							<li><a href="index.html">Volkswagon</a></li>
+							<li><a href="index.html">Volvo</a></li>
+						</ul>
+					</li>
+					<li>Planes
+						<ul>
+							<li><a href="index.html">Boeing</a></li>
+							<li><a href="index.html">Cessna</a></li>
+							<li><a href="index.html">Derringer</a></li>
+							<li><a href="index.html">Embraer</a></li>
+							<li><a href="index.html">Gulfstream</a></li>
+							<li><a href="index.html">Piper Aircraft</a></li>
+							<li><a href="index.html">Raytheon</a></li>
+						</ul>
+					</li>
+					<li>Construction
+						<ul>
+							<li><a href="index.html">Caterpillar</a></li>
+							<li><a href="index.html">Ford</a></li>
+							<li><a href="index.html">John Deere</a></li>
+						</ul>
+					</li>
+				</ul>
+			</li>
+		</ul>
+		</div><!--/content-primary -->
+		<div class="content-secondary">
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+					<h3>More in this section</h3>
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li data-theme="a"><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+						<li><a href="lists-split.html">Split button list</a></li>
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+					</ul>
+			</div>
+		</div>
+	</div><!-- /content -->
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+	</div><!-- /page -->
+	</body>
+	</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/lists/lists-ol.html ADDED

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Ordered Lists</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/jquery.mobile-1.1.0.js"></script>
+</head>
+<body>
+	<div data-role="page" class="type-interior">
+		<div data-role="header" data-theme="f">
+		<h1>Numbered list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+	<div data-role="content">
+		<div class="content-primary">
+			<ol data-role="listview">
+				<li><a href="index.html">The Godfather</a></li>
+				<li><a href="index.html">Inception</a></li>
+				<li><a href="index.html">The Good, the Bad and the Ugly </a></li>
+				<li><a href="index.html">Pulp Fiction</a></li>
+				<li><a href="index.html">Schindler's List</a></li>
+				<li><a href="index.html">12 Angry Men</a></li>
+				<li><a href="index.html">One Flew Over the Cuckoo's Nest</a></li>
+				<li><a href="index.html">Star Wars: Episode V - The Empire Strikes Back</a></li>
+				<li><a href="index.html">The Dark Knight</a></li>
+				<li><a href="index.html">The Lord of the Rings: The Return of the King</a></li>
+				<li><a href="index.html">Seven Samurai</a></li>
+				<li><a href="index.html">Star Wars: Episode IV - A New Hope</a></li>
+				<li><a href="index.html">Casablanca</a></li>
+				<li><a href="index.html">Goodfellas </a></li>
+				<li><a href="index.html">Toy Story 3</a></li>
+				<li><a href="index.html">Fight Club</a></li>
+				<li><a href="index.html">City of God</a></li>
+				<li><a href="index.html">The Lord of the Rings: The Fellowship of the Ring</a></li>
+				<li><a href="index.html">The Big Lebowski</a></li>
+				<li><a href="index.html">Psycho</a></li>
+			</ol>
+			</div><!--/content-primary -->
+			<div class="content-secondary">
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+						<h3>More in this section</h3>
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li data-theme="a"><a href="lists-ol.html">Numbered list</a></li>
+							<li><a href="lists-split.html">Split button list</a></li>
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+						</ul>
+				</div>
+			</div>
+		</div><!-- /content -->
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+		</div><!-- /page -->
+		</body>
+		</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/lists/lists-options.html ADDED

@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Lists Overview</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/jquery.mobile-1.1.0.js"></script>
+</head>
+<body>
+	<div data-role="page" class="type-interior">
+	<div data-role="header" data-theme="f">
+		<h1>Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+	<div data-role="content">
+	<div class="content-primary">
+		<h2>List views</h2>
+		<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="lists-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+			<li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			<li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
+		</ul>
+		<p>The listview plugin has the following options:</p>
+		<dl>
+			<dt><code>countTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "c"</p>
+				<p>Sets the color scheme (swatch) for list item <a href="lists-count.html">count bubbles</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.countTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-count-theme=&quot;a&quot;</code>.</p>
+			</dd>
+			<dt><code>dividerTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "b"</p>
+				<p>Sets the color scheme (swatch) for list <a href="lists-divider.html">dividers</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.dividerTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-dividertheme=&quot;a&quot;</code>.</p>
+			</dd>
+			<dt><code>filter</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Adds a <a href="lists-search.html">search filter bar</a> to listviews. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filter = true;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-filter=&quot;true&quot;</code>.</p>
+			</dd>
+			<dt><code>filterCallback</code> <em>function</em></dt>
+			<dd>
+				<p>The function to determine which rows to hide when the <a href="lists-search.html">search filter</a> textbox changes. The function accepts two arguments -- the text of the list item (or <code>data-filtertext</code> value if present), and the search string. Return <code>true</code> to hide the item, <code>false</code> to leave it visible. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ) {
+        // only show items that *begin* with the search string
+        return text.toLowerCase().substring( 0, searchValue.length ) !== searchValue;
+    };</strong>
+});
+</code></pre>
+			</dd>
+			<dt><code>filterPlaceholder</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "Filter items..."</p>
+				<p>The placeholder text used in <a href="lists-search.html">search filter bars</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filterPlaceholder = "Search...";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-filter-placeholder=&quot;Search...&quot;</code>.</p>
+			</dd>
+			<dt><code>filterTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "c"</p>
+				<p>Sets the color scheme (swatch) for the <a href="lists-search.html">search filter bar</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filterTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-filter-theme=&quot;a&quot;</code>.</p>
+			</dd>
+			<dt><code>headerTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "b"</p>
+				<p>Sets the color scheme (swatch) for headers of <a href="lists-nested.html">nested list</a> sub pages. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.headerTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-header-theme=&quot;a&quot;</code>.</p>
+			</dd>
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: ":jqmData(role='listview')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as list views. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.initSelector = ".mylistview";</strong>
+});
+</code></pre>
+			</dd>
+			<dt><code>inset</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Adds <a href="lists-inset.html">inset list</a> styles. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.inset = true;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-inset=&quot;true&quot;</code>.</p>
+			</dd>
+			<dt><code>splitIcon</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "arrow-r"</p>
+				<p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a> to all <a href="lists-split.html">split list buttons</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.splitIcon = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-split-icon=&quot;a&quot;</code>.</p>
+			</dd>
+			<dt><code>splitTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "b"</p>
+				<p>Sets the color scheme (swatch) for <a href="lists-split.html">split list buttons</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.splitTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-split-theme=&quot;a&quot;</code>.</p>
+			</dd>
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as its parent container if not explicitly set. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.theme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code>.</p>
+			</dd>
+		</dl>
+	</div><!--/content-primary -->
+	<div class="content-secondary">
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+				<h3>More in this section</h3>
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+					<li data-role="list-divider">List views</li>
+					<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+					<li><a href="lists-ul.html">Basic linked list</a></li>
+					<li><a href="lists-nested.html">Nested list</a></li>
+					<li><a href="lists-ol.html">Numbered list</a></li>
+					<li><a href="lists-split.html">Split button list</a></li>
+					<li><a href="lists-divider.html">List dividers</a></li>
+					<li><a href="lists-count.html">Count bubble</a></li>
+					<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+					<li><a href="lists-icons.html">Icons</a></li>
+					<li><a href="lists-formatting.html">Content formatting</a></li>
+					<li><a href="lists-search.html">Search filter bar</a></li>
+					<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+					<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+					<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+					<li><a href="lists-readonly.html">Read-only lists</a></li>
+					<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+					<li><a href="lists-forms.html">Lists with forms</a></li>
+					<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+					<li><a href="lists-inset.html">Inset styled lists</a></li>
+					<li><a href="lists-performance.html">List performance test</a></li>
+					<li><a href="lists-themes.html">Theming lists</a></li>
+				</ul>
+		</div>
+	</div>
+	</div><!-- /content -->
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+	</div><!-- /page -->
+</body>
+</html>