Basic elements

References:

• Foundation 5 Panel;
• Foundation 6 Callout;

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 and css_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 a panel class name.

Panel component has been replaced with the Callout 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 a callout class name.

Callout component is the Foundation-6 replacement of Panel component.

Example:

Callout('form_field_1', 'form_field_2', css_id='div-example',
      css_class='divs')