diff --git a/docs/api/themes.html b/docs/api/themes.html
index 523f2879..a6082ea5 100755
--- a/docs/api/themes.html
+++ b/docs/api/themes.html
@@ -91,7 +91,7 @@
 			</div>
 			<div class="ui-bar ui-bar-a">
 				<div data-role="controlgroup" data-type="horizontal" >
-					<a href="#" data-inline="true">Button</a><a href="#" data-inline="true">Button</a><a href="#" data-inline="true">Button</a>
+					<a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a>
 				</div><!-- /controlgroup -->
 			</div>
 
@@ -154,47 +154,47 @@
 		<div class="swatch-bars">
 			<div data-role="header" data-theme="a" class="ui-bar" data-backbtn="false">
 				<div><!-- wrapper div to have control over butttons -->
-					<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
 				</div>
 			</div>
 			<div data-role="header" data-theme="b" class="ui-bar" data-backbtn="false">
 				<div><!-- wrapper div to have control over butttons -->
-					<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
 				</div>
 			</div>
 			<div data-role="header" data-theme="c" class="ui-bar" data-backbtn="false">
 				<div><!-- wrapper div to have control over butttons -->
-					<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
 				</div>
 			</div>
 			<div data-role="header" data-theme="d" class="ui-bar" data-backbtn="false">
 				<div><!-- wrapper div to have control over butttons -->
-					<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
 				</div>
 			</div>
 			<div data-role="header" data-theme="e" class="ui-bar" data-backbtn="false">
 				<div><!-- wrapper div to have control over butttons -->
-					<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
-					<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
 				</div>
 			</div>
 			
@@ -226,7 +226,8 @@
 			<li><a href="../toolbars/bars-themes.html">Toolbar theming</a></li>
 			<li><a href="../content/content-themes.html">Content theming</a></li>
 			<li><a href="../buttons/buttons-themes.html">Button theming</a></li>
-			<li><a href="../lists/lists-themes.html">List theming</a></li>
+            <li><a href="../forms/forms-themes.html">Form theming</a></li>
+            <li><a href="../lists/lists-themes.html">List theming</a></li>
 		</ul>
 	</div><!-- end content -->