how to render symfony4 forms with same classes as symfony3?

Question

In symfony 3 the forms were rendered with the classes "control-label" for the label element and "form-control" for the input element, and both wrapped in a div with the class "form-group" like this:

<div class="form-group">
<label class="control-label" for="hazardlogbundle_acrgroup_serial">Serial</label>
<input type="number" id="hazardlogbundle_acrgroup_serial" name="hazardlogbundle_acrgroup[serial]" class="form-control">
</div>

In symfony4 however, all three of these classes have been omitted, the same form now looks like this:

<div>
<label for="hazardlogbundle_acrgroup_name" class="required control-label">Grupp (ATS) namn</label>
<input type="text" id="hazardlogbundle_acrgroup_name" name="hazardlogbundle_acrgroup[name]" required="required" class="form-control">
</div>

I happened to use these three classes (or actually, bootstrap did) for my css styling 😇 Is there an easy way of getting these back?

To get the form-control on the actual input I can use:

$builder->add('name', TextType::class, array('label' => 'Grupp (ATS) namn', 'attr' => array('class' => 'form-control')));

But that doesn't solve the problem for the wrapping div or the label itself... I understand I can go and create custom twig templates for each and every form, but no thank you 😎

HelloSebastian · Accepted Answer · 2022-08-22 18:37:39Z

1

You can assign "themes" to the Symfony Forms. There are already themes from Symfony for Bootstrap 3,4 and 5. For that you need to specify the theme in the config file of twig. (config/packages/twig.yaml)

For bootstrap 3:

twig:
    form_themes: ['bootstrap_3_layout.html.twig']

For bootstrap 4:

twig:
    form_themes: ['bootstrap_4_layout.html.twig']

In Symfony 4 there seems to be no predefined theme for bootstrap 5 yet.

You can read more here: https://symfony.com/doc/4.3/form/form_themes.html

answered Aug 22, 2022 at 18:37

HelloSebastian

1066 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

craigh Over a year ago

yes, there is a bootstrap 5 theme. As well as others. See the full list

HelloSebastian Over a year ago

@craigh As far as I can see, but not for Symfony 4, only for Symfony 5 and higher.

Collectives™ on Stack Overflow

how to render symfony4 forms with same classes as symfony3?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related