Basic elements¶
- References:
-
class
crispy_forms_foundation.layout.base.
Div
(*fields, **kwargs)¶ Bases:
crispy_forms.layout.Div
It wraps fields inside a
<div>
element.You can set
css_id
for element id andcss_class
for a element class names.Example:
Div('form_field_1', 'form_field_2', css_id='div-example', css_class='divs')
-
class
crispy_forms_foundation.layout.base.
Panel
(field, *args, **kwargs)¶ Bases:
crispy_forms.layout.Div
Act like
Div
but add apanel
class name.Panel
component has been replaced with theCallout
in Foundation-6.Example:
Panel('form_field_1', 'form_field_2', css_id='div-example', css_class='divs')
-
class
crispy_forms_foundation.layout.base.
Callout
(field, *args, **kwargs)¶ Bases:
crispy_forms.layout.Div
Act like
Div
but add acallout
class name.Callout
component is the Foundation-6 replacement ofPanel
component.Example:
Callout('form_field_1', 'form_field_2', css_id='div-example', css_class='divs')