How to add Twitter-Bootstrap class to Symfony Form Input?

Question

I have got form like that: One input field - Text with name trollName.

namespace Acme\MyBundle\Form\Type;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;

class myFormType extends AbstractType {
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('trollName','text')
        ;
    }
}

Some controller:

$myForm = $this->createForm(new myFormType()) -> createView();

I want to render this field, but I want to use bootstrap class - form-control

How to modify twig view:

{{ form_widget(myForm.trollName) }}

... to get response like that:

<input type='text' name='trollName' class='form-control'> <!-- form-control class is from boostrap -->

See the doc

anpsmn
– anpsmn

2014-12-31 14:06:25 +00:00
Commented Dec 31, 2014 at 14:06 — anpsmn
– anpsmn, Commented Dec 31, 2014 at 14:06

Fabien Papet · Accepted Answer · 2014-12-31 13:43:56Z

1

If you are strating a new project I will suggest you to use Symfony 2.6 which includes Twitter bootstrap.

Take a look here for more details

answered Dec 31, 2014 at 13:43

Fabien Papet

2,3294 gold badges25 silver badges55 bronze badges

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

Comments

xurshid29 · Accepted Answer · 2014-12-31 14:46:19Z

0

For SF version < 2.6, you can do it like this:

example:

{{ form_start(form, {'attr': {'class': 'form-horizontal style-form', 'role': 'form'}}) }}

    <div class="form-group">
        {{ form_label(form.trollName, 'TrollName', {'label_attr': {'class': 'col-md-2 control-label'}}) }}
        <div class="col-md-6">
            {{ form_widget(form.trollName, {'attr': {'class':'form-control'}}) }}
            {{ form_errors(form.trollName) }}
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-6">
            {{ form_widget(form.submit, {'attr': {'class':'btn btn-theme'}}) }}
        </div>
    </div>
{{ form_end(form) }}

answered Dec 31, 2014 at 14:46

xurshid29

4,2101 gold badge23 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to add Twitter-Bootstrap class to Symfony Form Input?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related