make forms to add folders and ordered folders use bootrap

zopefoundation · Jun 12, 2018 · 3eed77f · 3eed77f
1 parent 9f4dece
commit 3eed77f
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 22 deletions.
diff --git a/src/OFS/dtml/addOrderedFolder.dtml b/src/OFS/dtml/addOrderedFolder.dtml
@@ -3,51 +3,56 @@
 <dtml-var "manage_form_title(this(), _,
            form_title='Add Folder (Ordered)'
            )">
+
+<main>
+
 <p class="form-help">
 An ordered Folder contains other objects. Use Folders to organize your
-web objects in to logical groups. The <em>create public interface</em> 
+web objects in to logical groups. The <em>create public interface</em>
 option creates an index document inside the Folder to give the
 Folder a default HTML representation. The <em>create user folder</em>
 option creates a User Folder inside the Folder to hold authorization
 information for the Folder.
 </p>
 
-<form action="manage_addOrderedFolder" method="post">
+<form action="manage_addOrderedFolder" method="post" class="zmi-orderedfolder">
 
 <table cellspacing="0" cellpadding="2" border="0">
   <tr>
     <td align="left" valign="top">
-    <div class="form-label">
+    <label for="id" class="form-label">
     Id
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="id" size="40" />
+    <input type="text" class="form-control" name="id" id="id" size="40" />
     </td>
   </tr>
 
   <tr>
     <td align="left" valign="top">
-    <div class="form-optional">
+    <label for="title" class="form-label">
     Title
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="title" size="40" />
+    <input type="text" class="form-control" name="title" id="title" size="40" />
     </td>
   </tr>
 
   <tr>
     <td align="left" valign="top">
     </td>
     <td align="left" valign="top">
-    <div class="form-element">
-    <input class="form-element" type="submit" name="submit" 
-     value="Add" /> 
+    <div class="controls">
+    <input class="btn btn-primary" type="submit" name="submit"
+     value="Add" />
     </div>
     </td>
   </tr>
 </table>
 </form>
 
+</main>
+
 <dtml-var manage_page_footer>
diff --git a/src/OFS/dtml/folderAdd.dtml b/src/OFS/dtml/folderAdd.dtml
@@ -3,51 +3,56 @@
 <dtml-var "manage_form_title(this(), _,
            form_title='Add Folder',
            )">
+
+<main>
+
 <p class="form-help">
 A Folder contains other objects. Use Folders to organize your
-web objects in to logical groups. The <em>create public interface</em> 
+web objects in to logical groups. The <em>create public interface</em>
 option creates an index document inside the Folder to give the
 Folder a default HTML representation. The <em>create user folder</em>
 option creates a User Folder inside the Folder to hold authorization
 information for the Folder.
 </p>
 
-<FORM ACTION="manage_addFolder" METHOD="POST">
+<FORM ACTION="manage_addFolder" METHOD="POST" class="zmi-folder">
 
 <table cellspacing="0" cellpadding="2" border="0">
   <tr>
     <td align="left" valign="top">
-    <div class="form-label">
+    <label for="id" class="form-label">
     Id
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="id" size="40" />
+    <input type="text" class="form-control" name="id" id="id" size="40" />
     </td>
   </tr>
 
   <tr>
     <td align="left" valign="top">
-    <div class="form-optional">
+    <label for="title" class="form-label">
     Title
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="title" size="40" />
+    <input type="text" class="form-control" name="title" id="title" size="40" />
     </td>
   </tr>
 
   <tr>
     <td align="left" valign="top">
     </td>
     <td align="left" valign="top">
-    <div class="form-element">
-    <input class="form-element" type="submit" name="submit" 
-     value="Add" /> 
+    <div class="controls">
+    <input class="btn btn-primary" type="submit" name="submit"
+     value="Add" />
     </div>
     </td>
   </tr>
 </table>
 </form>
 
+</main>
+
 <dtml-var manage_page_footer>