CODEWITHSUNDEEP
htmlsymfonyformbuilder
Olav
Olav

Reputation: 1602

How to set a CSS ID attribute to a Symfony2 form input

This question is similar to another question. There the solution for setting the CSS class was to add it into the 3rd parameter of a call to FormBuilder::add():

->add('title', null, array('attr' => array('class'=>'span2')))

Unfortunately, this does not work for setting the CSS id. When I do

->add('title', null, array('attr' => array('id'=>'title-field')))

... this is ignored. The ID remains something like namespace_formtype_field.

How can I set the CSS ID, if at all?

Upvotes: 16

Views: 22990

Answers (4)

Żabojad
Żabojad

Reputation: 3095

At twig level, you can simply do this:

{{ form_widget(form. title, { 'id': 'title-field' }) }}

Tested on Symfony 2.3.4

Upvotes: 10

mb3rnard
mb3rnard

Reputation: 397

You can do it when you render your field in twig, if you set your id outside of the 'attributes' array like so:

{{ form_widget(form.field, { 'id': 'my_custom_id',  'attr': { 'class' : 'my_custom_class }} )}}

Upvotes: 25

Olav
Olav

Reputation: 1602

I am convinced now there is no easy answer. The closest seems to in fact change the markup by using form theming. Thank you Michi for pointing this way.

Upvotes: 1

Pier-Luc Gendreau
Pier-Luc Gendreau

Reputation: 13814

Since an HTML element cannot have multiple ID's, what you're trying to accomplish isn't possible because Symfony already uses ID's on form elements.

The way to solve this would be to change your JavaScript to use classes instead and using

->add('title', null, array(
    'attr' => array(
        'class'=>'title-field'
    )
))

The other way is to change the ID's your JavaScript uses to the Symfony ones.

Upvotes: 4

Related Questions