yii2 checkboxList custom class

Question

Here is the sample code from Yii2 checkboxList, I want to add custom class for each Item in checkboxList but I don't know how and where can I add that!
Could you please help me please ..

$list = [0 => 'PHP', 1 => 'MySQL', 2 => 'Javascript'];
$list2 = [0,2];

echo Html::checkboxList('CuisineId',$list2,$list,array('class' => 'test' ));

Thanks in advance.

soju · Accepted Answer · 2014-12-15 13:53:16Z

9

If you want to add the same class, you should use itemOptions :

echo Html::checkboxList('CuisineId', $list2, $list, ['itemOptions'=>['class' => 'test']]);

Or if you want a custom class for each item, you should use item callback :

echo Html::checkboxList('CuisineId', $list2, $list, ['item'=>function ($index, $label, $name, $checked, $value){
    return Html::checkbox($name, $checked, [
       'value' => $value,
       'label' => $label,
       'class' => 'any class',
    ]);
}]);

Read more : http://www.yiiframework.com/doc-2.0/yii-helpers-basehtml.html#checkboxList()-detail

EDIT : add example

edited Dec 15, 2014 at 13:53

answered Dec 15, 2014 at 9:03

soju

25.4k3 gold badges70 silver badges71 bronze badges

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

3 Comments

kiamoz Over a year ago

thank you so much for your current replay , but could please give me a sample to do work with this function ? I saw this yesterday in yii2 API documents.. I just want to add different classes to each Item .. I have to write custom function for each item ? just let me know how to add class to for each Item.. thank you so much for your great replay .

soju Over a year ago

You only need one function, take a look at my example and docs. And I can't guess what is behind "I just want to add different classes to each Item".

kiamoz Over a year ago

very nice! I used $index variable to creating custom class name ! thank you so much ! " 'class' => 'woshiClass'.$index,"

sdlins · Accepted Answer · 2018-07-31 19:06:27Z

3

Just in case you only need to change the label options:

<?= Html::checkboxList('CuisineId', $list, $items, [
    'itemOptions' => [
        'labelOptions' => [
            'style' => 'font-weight: normal',
            'class' => 'some-custom-class',
        ],
    ],
]) ?>

Note: Everything you put inside itemOptions will be passed to Html::checkbox() as its own options when creating each checkbox. It means you can pass class, style, label, labelOptions, etc.

answered Jul 31, 2018 at 19:06

sdlins

2,3251 gold badge25 silver badges31 bronze badges

1 Comment

Rasitha Ariyarathna Over a year ago

This working fine for applying styles for checkbox labels. Thank you.

Collectives™ on Stack Overflow

yii2 checkboxList custom class

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related