Revise the page's layout to be a Bootstrap horizontal form

Project: http://git-wip-us.apache.org/repos/asf/tapestry-5/repo
Commit: http://git-wip-us.apache.org/repos/asf/tapestry-5/commit/41573998
Tree: http://git-wip-us.apache.org/repos/asf/tapestry-5/tree/41573998
Diff: http://git-wip-us.apache.org/repos/asf/tapestry-5/diff/41573998

Branch: refs/heads/5.4-js-rewrite
Commit: 41573998b1a554cd462be024057e264f855ba418
Parents: 966b139
Author: Howard M. Lewis Ship <[email protected]>
Authored: Tue Nov 20 07:09:19 2012 -0800
Committer: Howard M. Lewis Ship <[email protected]>
Committed: Tue Nov 20 07:09:19 2012 -0800

----------------------------------------------------------------------
 .../src/test/app1/DateFieldAjaxFormLoop.tml        |   21 ++++++++------
 1 files changed, 12 insertions(+), 9 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/tapestry-5/blob/41573998/tapestry-core/src/test/app1/DateFieldAjaxFormLoop.tml
----------------------------------------------------------------------
diff --git a/tapestry-core/src/test/app1/DateFieldAjaxFormLoop.tml 
b/tapestry-core/src/test/app1/DateFieldAjaxFormLoop.tml
index d734035..f02ef58 100644
--- a/tapestry-core/src/test/app1/DateFieldAjaxFormLoop.tml
+++ b/tapestry-core/src/test/app1/DateFieldAjaxFormLoop.tml
@@ -1,20 +1,23 @@
 <html t:type="border" 
xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd";>
 
-  <h1>DateField in AjaxFormLoop</h1>
+<h1>DateField in AjaxFormLoop</h1>
 
-  <t:form>
+<t:form class="form-horizontal">
 
-    <div t:type="ajaxformloop" t:id="loop" source="dateHolders" 
value="current" encoder="dateHolderEncoder">
+    <div t:type="ajaxformloop" t:id="loop" source="dateHolders" 
value="current" encoder="dateHolderEncoder"
+         class="control-group">
 
-      <t:datefield value="current.date"/>
-      <t:removerowlink>remove</t:removerowlink>
+        <div class="controls">
+            <t:datefield value="current.date"/>
+            <t:removerowlink class="btn btn-warning btn-mini"><i 
class="icon-minus-sign"/> Remove</t:removerowlink>
+        </div>
 
     </div>
 
-    <p>
-      <input type="submit" value="Go"/>
-    </p>
-  </t:form>
+    <div class="form-actions">
+        <input type="submit" value="Go" class="btn btn-primary"/>
+    </div>
+</t:form>
 
 
 </html>
\ No newline at end of file

Reply via email to