【问题标题】:How to customise bootstrap horizontal form theme/template in Symfony?如何在 Symfony 中自定义引导水平表单主题/模板?
【发布时间】:2016-03-03 21:49:07
【问题描述】:

我正在开发一个使用 Symfony 3 构建的应用程序。我正在使用框架附带的“bootstrap_3_horizontal_layout.html.twig”表单主题。

我已经成功导入了。

我尝试更改默认列大小; http://pastebin.com/7QvEQyVi 但似乎没有任何效果。

标签和输入列的默认大小分别为 2 和 10。如何覆盖这些值?

感谢任何指导

【问题讨论】:

    标签: php forms twitter-bootstrap twig symfony


    【解决方案1】:

    您可以在自己的模板中覆盖它

    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 %}
    

    【讨论】:

    • 我无法按照这种方法工作。据我了解,这将覆盖全局模板,这不是我想要的。
    【解决方案2】:

    根据@jkuchravic 的回答,我通过将修改后的块放在单独的文件中来使其工作;

    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 %}
    

    我不想在应用程序范围内进行更改,所以只需使用以下行将修改后的模板应用于该特定表单:

    {% form_theme form with ['bootstrap_3_horizontal_layout.html.twig','form/fields.html.twig'] %}
    

    【讨论】:

      猜你喜欢
      • 2018-05-31
      • 1970-01-01
      • 2014-05-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多