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'