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

html symfony formbuilder
Olav picture Olav · Jun 12, 2013 · Viewed 20.7k times · Source

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?

Answer

mb3rnard picture mb3rnard · Jul 23, 2014

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

Related questions

How to display string that contains HTML in twig template?

How can I display a string that contains HTML tags in twig template? My PHP variable contains this html and text: $word = '<b> a word </b>'; When I do this in my twig template: {{ …

Read More
twig striptags and html special chars

I am using twig to render a view and I am using the striptags filter to remove html tags. However, html special chars are now rendered as text as the whole element is surrounded by "". How can I either strip …

Read More
How to locate the actual HTML files using inspect element?

I know it might look like a stupid question. I have just started customizing the Mapbender3 application which is developed in Symfony (PHP). Using the Inspect Element feature in Firefox I could make some changes to the HTML files but …

Read More