form_themes.md

Form Themes

Three form layouts are provided:

• form_default_layout.html.twig
• form_horizontal_layout.html.twig
• form_horizontal_partial_layout.html.twig

To theme all forms as default, in your app/config/config.yml file:

twig:
    form_themes:
        - "ElaoThemeTwitterBootstrap3Bundle:Form:form_default_layout.html.twig"

To theme a specifique form:

{% form_theme form 'ElaoThemeTwitterBootstrap3Bundle:Form:form_default_layout.html.twig' %}

Form Horizontal:

To theme a specific row as horizontal:

Theme your form with the form_horizontal_partial_layout.html.twig layout and specify the horizontal option when you need it:

{{ form_row(child, {horizontal: true}) }}

To theme a whole form as horizontal:

Theme the whole form with the form_horizontal_layout.html.twig layout:

{% form_theme form 'ElaoThemeTwitterBootstrap3Bundle:Form:form_horizontal_layout.html.twig' %}

Note: 100% of the form will be themed as horizontal. If you need one or more field to be standard, use the form_horizontal_partial_layout.html.twig layout.

You can also customize the grid behaviour of the field:

{{ form_row(child, {horizontal: true, label_columns: 2}) }}
{{ form_row(child, {horizontal: true, label_columns: 2, widget_columns: 4, grid_size: 6}) }}

Inline expanded choice:

To display an expanded choice inline:

Just specify the inline option when you need it:

{{ form_row(form, {inline: true}) }}