Add attribute to yii2 checkboxlist container div

Question

I'm trying to use custom template for yii2 checkboxlist I'm using the code:

<?=
 $form->field($model, 'fruit_ids')->checkboxList($fruits, [
        'item' => function($index, $label, $name, $checked, $value) {
            return "<label class='col-md-4'><input type='checkbox' {$checked} name='{$name}' value='{$value}'>{$label}</label>";
        }
]);
?>

Which output:

<div id="testform-fruit_ids">
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="0">Apple</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="1">Banana</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="2">Orange</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="3">Pear</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="4">Pineapple</label>
</div>

But I want to add attribute class="btn-checkbox options" and data-toggle="button" to <div id="testform-fruit_ids"> wrapper div element, i.e. I want the output like:

<div id="testform-fruit_ids" class="btn-checkbox options" data-toggle="button">
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="0">Apple</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="1">Banana</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="2">Orange</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="3">Pear</label>
    <label class="col-md-4"><input type="checkbox" name="TestForm[fruit_ids][]" value="4">Pineapple</label>
</div>

Please tell me the correct way to do it.

Bizley · Accepted Answer · 2016-09-09 05:54:36Z

1

This should work:

<?= $form->field($model, 'fruit_ids')->checkboxList($fruits, [
        'item' => function($index, $label, $name, $checked, $value) {
            return "<label class='col-md-4'><input type='checkbox' {$checked} name='{$name}' value='{$value}'>{$label}</label>";
        },
        'class' => 'btn-checkbox options',
        'data-toggle' => 'button'
   ]); ?>

edited Sep 9, 2016 at 5:54

answered Sep 9, 2016 at 5:38

Bizley

18.1k6 gold badges53 silver badges62 bronze badges

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

2 Comments

Alex Over a year ago

Thank. How many attribute I can add like this and how Yii determine item content should placed inside div and class should placed inside div start tag.

Bizley Over a year ago

Only limit there is PHP and HTML limitation so it shouldn't be a problem with reasonable number of attributes. As for the Yii look at the code starting from checkboxList() method

jithin · Accepted Answer · 2016-09-09 06:06:48Z

1

update your code like below

<?=
 $form->field($model, 'fruit_ids')->checkboxList($fruits, ['class'=>"btn-checkbox options",'data-toggle'=>"button",
        'item' => function($index, $label, $name, $checked, $value) {
            return "<label class='col-md-4'><input type='checkbox' {$checked} name='{$name}' value='{$value}'>{$label}</label>";
        }
]);
?>

add your class 'class'=>"btn-checkbox options" and 'data-toggle'=>"button" into the array.

answered Sep 9, 2016 at 6:06

jithin

9209 silver badges17 bronze badges

Comments

Grant Miller · Accepted Answer · 2018-09-15 22:36:23Z

-1

You can use the following solution to add attribute class="btn-checkbox options" and data-toggle="button" to the <div id="testform-fruit_ids"> wrapper div element:

$form->field($model, 'oFacilities')->checkboxList(Facility::forWidget(),[
    'item' => function($index, $label, $name, $checked, $value) {
        $checked = $checked ? 'checked' : '';
        return "<label class='checkbox col-md-4' style='font-weight: normal;'><input type='checkbox' {$checked} name='{$name}' value='{$value}'>{$label}</label>";
    }
])

edited Sep 15, 2018 at 22:36

Grant Miller

29.2k16 gold badges158 silver badges171 bronze badges

answered Sep 15, 2018 at 11:02

Padma Kani

1

Collectives™ on Stack Overflow

Add attribute to yii2 checkboxlist container div

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related