Symfony 3 - 为 FormType 添加样式

Question

我有一个包含 EntityType :: 类的 formType。这是可在表单中选择的可能的用户类型列表。->add('typeUser',EntityType::class, array(            'required' => true,            'class'=>'Site\PagesBundle\Entity\TypeUser',            'choice_label'=>'typeUtilisateur',            'expanded'=>true,            'multiple'=>true,            'empty_data' => 'Veuillez sélectionner au moins 1 type',        ));我希望我能给这些选择一个“风格”。例如，我希望它们与复选框保持一定的距离。因此，我必须将样式（示例的左边距）添加到：'choice_label'=>'typeUtilisateur',在 FormType 中可能吗？或者我应该在我的树枝文件上做那个？在这种情况下，我该怎么做？谢谢你的帮助 ！编辑：->add('typeUser',EntityType::class, array(            'required' => true,            'class'=>'Site\PagesBundle\Entity\TypeUser',            'choice_label'=>('typeUtilisateur' => 'attr' => array( 'style' => 'margin-left:15px')) ,            'expanded'=>true,            'multiple'=>true,            'empty_data' => 'Veuillez sélectionner au moins 1 type',        ));

Answer 1

我认为正确的方法是使用attr键，您可以使用它为您的字段设置自定义class=""

->add('typeUser',EntityType::class, array(

     'attr' => [

         'class' => 'YOUR_CHOICE_CLASS',

     ],

     'required' => true,

     'class'=>'Site\PagesBundle\Entity\TypeUser',

     'expanded'=>true,

     'multiple'=>true,

     'empty_data' => 'Veuillez sélectionner au moins 1 type',

));

然后，可以在 CSS 文件中定义所需的样式

Answer 2

您可以通过多种方式设置表单字段的样式。请参阅下面的一些：

选项 1：向表单构建器中的字段添加类属性

$builder

    ->add('example', EntityType::class, [

        'class' => FooBar::class,

        'attr' => [

             'class' => 'my-example-class'

        ]

    ])

选项 2：在表单模板中指定一个类

{{ form_widget(form.fooBar, {'attr': {'class': 'form-control'}}) }}

您可以特定于选择，请参阅此处的链接，其中显示了向选择添加类属性。