Better display for checkbox input.

10 years ago · 4bcd0e9e43
parent b84258d91b
commit 4bcd0e9e43
1 changed files with 22 additions and 9 deletions
--- a/src/scriptform.py
+++ b/src/scriptform.py
@ -69,6 +69,7 @@ html_header = u'''<html>
    div.form li.hidden {{ display: none; }}
    div.form p.form-field-title {{ margin-bottom: 0px; }}
    div.form p.form-field-input {{ margin-top: 0px; }}
+    div.form li.checkbox p.form-field-input {{ float: left; margin-right: 8px; }}
    select,
    textarea,
    input[type=text],
@ -132,6 +133,19 @@ html_form = u'''
 {footer}
 '''

+html_field = u'''
+  <li class="{classes}">
+    <p class="form-field-title">{title}</p>
+    <p class="form-field-input">{input} <span class="error">{errors}</span></p>
+  </li>
+'''
+
+html_field_checkbox = u'''
+  <li class="checkbox {classes}">
+    <p class="form-field-input">{input} <p class="form-field-title">{title}</p><span class="error">{errors}</span></p>
+  </li>
+'''
+
 html_submit_response = u'''
 {header}
 <div class="result">
@ -753,12 +767,11 @@ class ScriptFormWebApp(WebAppHandler):
            if 'hidden' in field and field['hidden']:
                classes += 'hidden '

-            return (u'''
-              <li class="{classes}">
-                <p class="form-field-title">{title}</p>
-                <p class="form-field-input">{input} <span class="error">{errors}</span></p>
-              </li>
-            '''.format(classes=classes,
+            if field['type'] != 'checkbox':
+                html = html_field
+            else:
+                html = html_field_checkbox
+            return (html.format(classes=classes,
                                title=field['title'],
                                input=input,
                                errors=u', '.join(errors)))