I am working on an application built using Symfony 3. I am using the ' bootstrap_3_horizontal_layout.html.twig ' form theme that came with the framework.
I have imported it successfully.
I tried to change the default column sizes; http://pastebin.com/7QvEQyVi but doesn't seem to have any effect.
The default sizes are 2 and 10 for the labels and input columns respectively. How can I override these values?
Appreciate any guidance
You can override it in your own template
app/config/config.yml
# Twig Configuration
twig:
form_themes:
- "form/fields.html.twig"
app/Resources/views/form/fields.html.twig
{% use 'bootstrap_3_horizontal_layout.html.twig' %}
{% block form_label_class -%}
col-sm-3
{%- endblock form_label_class %}
{% block form_group_class -%}
col-sm-9
{%- endblock form_group_class %}
I got it working by placing the modified block in a separate file as per @jkuchravic's answer;
app/Resources/views/form/fields.html.twig
{% use 'bootstrap_3_horizontal_layout.html.twig' %}
{% block form_label_class -%}
col-sm-3
{%- endblock form_label_class %}
{% block form_group_class -%}
col-sm-9
{%- endblock form_group_class %}
I didn't want to make the change application-wide so just applied the modified template to that particular form using the following line:
{% form_theme form with ['bootstrap_3_horizontal_layout.html.twig','form/fields.html.twig'] %}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.