diff --git a/bootstrap4/forms.py b/bootstrap4/forms.py index b6c1b95..a74638c 100644 --- a/bootstrap4/forms.py +++ b/bootstrap4/forms.py @@ -6,7 +6,7 @@ from crispy_forms.helper import FormHelper from crispy_forms.layout import Layout, Div, Submit, HTML, Button, Row, Field, Column from crispy_forms.bootstrap import AppendedText, PrependedText, PrependedAppendedText, FormActions, InlineCheckboxes, \ - InlineRadios + InlineRadios, Accordion, AccordionGroup from django.utils import timezone from bootstrap4 import models @@ -20,6 +20,11 @@ class MessageForm(forms.Form): text_input_b = forms.CharField() text_input_c = forms.CharField() + text_input_accordion1 = forms.CharField() + text_input_accordion2 = forms.CharField() + text_input_accordion3 = forms.CharField() + text_input_accordion4 = forms.CharField() + textarea = forms.CharField( widget=forms.Textarea(), help_text="help on a textarea", @@ -179,6 +184,21 @@ class MessageForm(forms.Form): Column('text_input_c'), ), 'datetime_field', + HTML('First accordion:'), + Accordion( + AccordionGroup( + 'Accordion Group 1', 'text_input_accordion1'), + AccordionGroup( + 'Accordion Group 2', 'text_input_accordion2') + ), + HTML('Second accordion:'), + Accordion( + AccordionGroup( + 'Accordion Group 1', 'text_input_accordion3'), + AccordionGroup( + 'Accordion Group 2', 'text_input_accordion4') + ), + FormActions( Submit('save_changes', 'Save changes', css_class="btn-primary"), Submit('cancel', 'Cancel'), @@ -192,6 +212,11 @@ class HorizontalMessageForm(forms.Form): text_input_b = forms.CharField() text_input_c = forms.CharField() + text_input_accordion1 = forms.CharField() + text_input_accordion2 = forms.CharField() + text_input_accordion3 = forms.CharField() + text_input_accordion4 = forms.CharField() + textarea = forms.CharField( widget=forms.Textarea(), ) @@ -304,6 +329,20 @@ class HorizontalMessageForm(forms.Form): Field('boolean_field'), Field('file_field'), Field('file_field_raw'), + HTML('First accordion:'), + Accordion( + AccordionGroup( + 'Accordion Group 1', 'text_input_accordion1'), + AccordionGroup( + 'Accordion Group 2', 'text_input_accordion2') + ), + HTML('Second accordion:'), + Accordion( + AccordionGroup( + 'Accordion Group 1', 'text_input_accordion3'), + AccordionGroup( + 'Accordion Group 2', 'text_input_accordion4') + ), FormActions( Submit('save_changes', 'Save changes', css_class="btn-primary"), Submit('cancel', 'Cancel'), @@ -328,4 +367,4 @@ class Meta: helper = FormHelper() helper.label_class = 'col-4' helper.field_class = 'col-8' - helper.form_class = 'form-horizontal' \ No newline at end of file + helper.form_class = 'form-horizontal'