UI Samples

Form inside div

A basic form in a Div crispy Layout.

Rendered with

{% load crispy_forms_tags %}

{% crispy form %}

Achieved by specifying a layout for the form's helper:

class SimpleFormInDiv(SimpleForm):
    def __init__(self, *args: Any, **kwargs: Any):
        super().__init__(*args, **kwargs)
        self.helper.inputs.clear()
        self.helper.layout = Layout(
            Div(
                *self.fields,
                FormActions(
                    Submit('submit', 'Submit', css_class='button white')
                ),
                css_class="bg-warning bg-opacity-25 p-3"
            )
        )