Update html controls with classnames, add in packagename-panel class to css

Templates/html_controls.html.ep.xml

@@ -47,11 +47,11 @@
 	]]></Text>
 
 	<SubHeader><![CDATA[
-		<h2><%=l('${Value}')%></h2>]]>
+		<h2 class='subh${type_serial}'><%=l('${Value}')%></h2>]]>
 	</SubHeader>
 
 	<Header><![CDATA[
-		<h1><%=l('${Value}')%></h1>]]>
+		<h1 class='head${type_serial}'><%=l('${Value}')%></h1>]]>
 	</Header>
 	
 	<Paragraph><![CDATA[
@@ -62,7 +62,7 @@
 
 	<Submit><![CDATA[
 		<span class='data'>
-			%= submit_button l('${Value}'), class => 'action'
+			%= submit_button l('${Value}'), class => 'action subm${type_serial}'
 		</span>]]>
 	</Submit>
 	
@@ -71,7 +71,7 @@
 			%=l('${prefix}_${Label}')
 		</span><span class=data>
 		%=Search field
-			%=search field
+			%=search field , class => 'searc${type_serial}'
 		</span>span></p>
 		]]>
 	</search>
@@ -80,7 +80,7 @@
 		<p><span class=label>
 			%=l('${Label}')
 		</span><span class=data>
-			%=URL field
+			%=URL field , class => 'url${type_serial}'
 		</span>span></p>
 		]]>
 	</url>
@@ -89,7 +89,7 @@
 		<p><span class=label>
 			%=l('${Label}')
 		</span><span class=data>
-			%=tel field
+			%=tel field, class => 'tel${type_serial}'
 		</span>span></p>
 		]]>
 	</tel>
@@ -98,7 +98,7 @@
 		<p><span class=label>
 			%=l('${Label}')
 		</span><span class=data>
-			%=email field
+			%=email field, class => 'emai${type_serial}'
 		</span>span></p>
 		]]>
 	</email>
@@ -107,7 +107,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=password field
+			%=password field, class => 'pass${type_serial}'
 		</span>span></p>
 		]]>
 	</password>
@@ -116,7 +116,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=timedate field
+			%=timedate field, class => 'time${type_serial}'
 		</span>span></p>
 		]]>
 	</timedate>
@@ -125,7 +125,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=week field
+			%=week field, class => 'week${type_serial}'
 		</span>span></p>
 		]]>
 	</week>
@@ -134,7 +134,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=month field
+			%=month field, class => 'mont${type_serial}'
 		</span>span></p>
 		]]>
 	</month>
@@ -143,7 +143,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=range field
+			%=range field, class => 'rang${type_serial}'
 		</span>span></p>
 		]]>
 	</range>
@@ -152,7 +152,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=radio field
+			%=radio field, class => 'radi${type_serial}'
 		</span>span></p>
 		]]>
 	</radio>
@@ -161,7 +161,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=number field
+			%=number field, class => 'numb${type_serial}'
 		</span>span></p>
 		]]>
 	</number>
@@ -170,7 +170,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=file field
+			%=file field, class => 'file${type_serial}'
 		</span>span></p>
 		]]>
 	</file>
@@ -179,7 +179,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=color field
+			%=color field, class => 'colo${type_serial}'
 		</span>span></p>
 		]]>
 	</color>
@@ -188,7 +188,7 @@
 		<p><span class='label'>
 			%=l('${Label}')
 		</span><span class=data>
-			%=checkbox field
+			%=checkbox field, class => 'chec${type_serial}'
 		</span>span></p>
 		]]>
 	</checkbox>