2016-04-08 10 views
0

私はSymfony3 appliactionで新しい組み込みブートストラップスタイルを使用しています。symfony3ブートストラップセットフォームのラベル/ウィジェット幅の使用

twig: 
    debug:   "%kernel.debug%" 
    strict_variables: "%kernel.debug%" 
    form_themes: 
      - bootstrap_3_horizontal_layout.html.twig 

私はこれを使用してフォームをコンポーネント(ラベルとウィジェット)でレンダリングしています。
すべてのラベルは、幅がcol-xs-2のクラスを持ち、幅のウィジェットクラスはcol-xs-10です。

<div class="form-group"> 
    {{ form_label(form.name) }} 
    <div class="col-md-9"> 
     {{ form_widget(form.name) }} 
    </div> 
    <div class="col-md-offset-3 col-md-9"> 
     {{ form_errors(form.name) }} 
    </div> 
</div> 

は、どのように私は(すべてのフォームに、グローバルに、またはform_row上、または各構成要素、例えばform_label/form_widgetに)設定に使用するクラス行います。クラスを追加しようとしましたが、これは既存のクラスを追加してクラスを置き換えないだけです。 class="col-xs-2 col-md-3"

答えて

1

を説明したように私はこれが古い質問ですけど、これは将来的に誰かを助けるかもしれない、あなたのフォーム要素の外観をカスタマイズする必要があります。

あなたは、この二つのブロックを、それがグローバル、単に例form/bootstrapCols.html.twigのための小枝ファイルを作成して設定し、追加したい場合は、次の

{% block form_label_class -%} 
col-sm-2 
{%- endblock form_label_class %} 

{% block form_group_class -%} 
col-sm-10 
{%- endblock form_group_class %} 

そのように、あなたはbootstrap_3_horizontal_layout.html.twigの内側に、それらのブロックを上書きします。これはあなたの小枝のビューファイルが使用中で、単にそれから、あなただけの1のビューためcol-を変更したい場合は

twig: 
    debug:   "%kernel.debug%" 
    strict_variables: "%kernel.debug%" 
    form_themes: ['bootstrap_3_horizontal_layout.html.twig','form/bootstrapCols.html.twig'] 

何が必要にcol-sm-2col-sm-10を変更し、このような追加のフォームをテーマにした設定ファイルを更新
{% form_theme formname with ['bootstrap_3_horizontal_layout.html.twig', _self] %} 

ブロックを追加して、必要なクラスで同じファイルにブロックform_label_classform_group_classを追加してください。

関連する問題