make ImageAdd use boostrap

zopefoundation · May 18, 2018 · ab741ec · ab741ec
1 parent e6b5609
commit ab741ec
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/OFS/dtml/imageAdd.dtml b/src/OFS/dtml/imageAdd.dtml
@@ -1,5 +1,7 @@
 <dtml-var manage_page_header>
 
+<main>
+
 <dtml-var "manage_form_title(this(), _,
            form_title='Add %s' % Kind,
            )">
@@ -10,50 +12,51 @@ Select a file to upload from your local computer by clicking the
 </p>
 
 <form action="manage_add&dtml-Kind;" method="post"
-      enctype="multipart/form-data">
+      enctype="multipart/form-data" class="zmi-image">
 <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">
-    <div class="form-optional">
+    <label for="file" class="form-label">
     File
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="file" name="file" size="25" value="" />
+    <input type="file" class="form-control-file" name="file" id="file" size="25" value="" />
     </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 " /> 
+    <input class="form-element btn btn-primary" type="submit" name="submit"
+     value=" Add " />
     </div>
     </td>
   </tr>
 </table>
 </form>
 
-<dtml-var manage_page_footer>
+</main>
 
+<dtml-var manage_page_footer>