How to add a css class to a ActiveForm field in Yii2

Question

There are other questions such as this, which suggest that I can add a class as follows:

<?= $form->field($model, 'name_pu')->textInput(['maxlength' => true, 'class' => 'punjabi']) ?>

**THAT WORKS BUT **

but this replaces the form-control class given by bootstrap, which I don't want.

How can I ADD my own class, so as to get this result

<input type="text" id="regs-name_pu" class="form-control punjabi" name="Regs[name_pu]" maxlength="100">

I am looking for something dynamic,not hardcoding classes that way — Ramesh Pareek
– Ramesh Pareek, Commented Apr 13, 2016 at 8:05

soju · Accepted Answer · 2016-04-13 07:55:38Z

1

You should simply add the needed class :

<?= $form->field($model, 'name_pu')->textInput(['maxlength' => true, 'class' => 'form-control punjabi']) ?>

answered Apr 13, 2016 at 7:55

soju

25.4k3 gold badges70 silver badges71 bronze badges

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

3 Comments

Ramesh Pareek Over a year ago

can we have a better solution?

Ramesh Pareek Over a year ago

because if I change my form layout and design, outside of it, I'll have to come back to this and replace the class again!

Ramesh Pareek Over a year ago

someone downvoted my question. if you think this helps future readers, kindly upvote. I don't find anything like 'no research' in this.

AuZu · Accepted Answer · 2016-04-13 07:56:29Z

1

Try

<?= $form->field($model, 'name_pu')->textInput(['maxlength' => true, 'class' => 'form-control punjabi']) ?>

answered Apr 13, 2016 at 7:56

AuZu

9012 bronze badges

2 Comments

Ramesh Pareek Over a year ago

can we have a better solution

AuZu Over a year ago

You can set $my_form_class = 'form-control punjabi', then <?= $form->field($model, 'name_pu')->textInput(['maxlength' => true, 'class' => $my_form_class]) ?>

Collectives™ on Stack Overflow

How to add a css class to a ActiveForm field in Yii2

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related