Fixed issue where checkboxes wouldn't display side by side if checked

Author: richie-blake

wagtail_advanced_form_builder/forms/advanced_form_builder.py

@@ -3,6 +3,8 @@
 
 from wagtail_advanced_form_builder.forms.widgets.checkbox_input_widget import CheckboxInput
 from wagtail_advanced_form_builder.forms.widgets.html_output_widget import HTMLOutputWidget
+from wagtail_advanced_form_builder.forms.widgets.side_by_side_checkbox_select_multiple_widget import \
+    SideBySideCheckboxSelectWidget
 from wagtail_advanced_form_builder.forms.widgets.side_by_side_radio_select_widget import SideBySideRadioSelectWidget
 
 
@@ -50,9 +52,15 @@ def create_checkboxes_field(self, field, options):
             lambda x: (x.strip(), x.strip()),
             field.default_value
         ))
-        return forms.MultipleChoiceField(
-            widget=forms.CheckboxSelectMultiple, **options
-        )
+        print("HERE", field.display_side_by_side)
+        if field.display_side_by_side:
+            return forms.MultipleChoiceField(
+                widget=SideBySideCheckboxSelectWidget, **options
+            )
+        else:
+            return forms.MultipleChoiceField(
+                widget=forms.CheckboxSelectMultiple, **options
+            )
 
     def create_checkbox_field(self, field, options):
         options['widget'] = CheckboxInput(

wagtail_advanced_form_builder/forms/widgets/side_by_side_checkbox_select_multiple_widget.py

@@ -0,0 +1,8 @@
+from django.forms import CheckboxSelectMultiple
+
+
+class SideBySideCheckboxSelectWidget(CheckboxSelectMultiple):
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.display_side_by_side = True

wagtail_advanced_form_builder/templates/wagtail_advanced_form_builder/fields/multi_checkbox_field.html

@@ -6,12 +6,12 @@
         {% include "wagtail_advanced_form_builder/field_helpers/field_label.html" %}
         {% include "wagtail_advanced_form_builder/field_helpers/field_help_text.html" %}
         <ul class="waf--radio-list">
-        {% for checkbox in field %}
-            <li class="">
-                {{ checkbox.tag }}
-                <label for="{{ checkbox.id_for_label }}" class="waf--field-label-choice">{{ checkbox.choice_label }}</label>
-            </li>
-        {% endfor %}
+            {% for checkbox in field %}
+                <li class="{% if field.field.widget.display_side_by_side %}waf--choice-inline{% endif %}">
+                    {{ checkbox.tag }}
+                    <label for="{{ checkbox.id_for_label }}" class="waf--field-label-choice">{{ checkbox.choice_label }}</label>
+                </li>
+            {% endfor %}
         </ul>
     </div>
     {% include "wagtail_advanced_form_builder/field_helpers/field_error.html" %}

wagtail_advanced_form_builder/templates/wagtail_advanced_form_builder/tags/form_field.html

@@ -15,7 +15,7 @@
     {% include "wagtail_advanced_form_builder/fields/checkbox_field.html" with field=field %}
 {% elif field|fieldtype == 'RadioSelect' or field|fieldtype == 'SideBySideRadioSelectWidget' %}
     {% include "wagtail_advanced_form_builder/fields/radio_buttons_field.html" with field=field %}
-{% elif field|fieldtype == 'CheckboxSelectMultiple' %}
+{% elif field|fieldtype == 'CheckboxSelectMultiple' or field|fieldtype == 'SideBySideCheckboxSelectWidget' %}
     {% include "wagtail_advanced_form_builder/fields/multi_checkbox_field.html" with field=field %}
 {% elif field|fieldtype == 'Textarea' %}
     {% include "wagtail_advanced_form_builder/fields/text_area_field.html" with field=field %}