This widget only support model？ I want use checkbox without model，but the status of checked is associated with options's config value，so when post to form ,it can not post right value,why designed this? in kartik\base\IputWidget.php :

protected function getInput($type, $list = false)
    {
       //if has model
        if ($this->hasModel()) {
            $input = 'active' . ucfirst($type);
            return $list ?
                Html::$input($this->model, $this->attribute, $this->data, $this->options) :
                Html::$input($this->model, $this->attribute, $this->options);
        }
     // if there no model
        $input = $type;
        $checked = false;
        if ($type == 'radio' || $type == 'checkbox') {//the radio tyep do not used this function ,only checkbox use 
            $this->options['value'] = $this->value;
            $checked = ArrayHelper::remove($this->options, 'checked', '');
            if (empty($checked) && !empty($this->value)) {
                $checked = ($this->value == 0) ? false : true;//why checked status definde by $this->value
            } elseif (empty($checked)) {
                $checked = false;
            }
        }
        return $list ?
            Html::$input($this->name, $this->value, $this->data, $this->options) :
            (($type == 'checkbox' || $type == 'radio') ?
                Html::$input($this->name, $checked, $this->options) :
                Html::$input($this->name, $this->value, $this->options));
    }

I want to do like this without model ：

 $tag = SwitchInput::widget([
                    'name' => $name,
                    'value' => 1,//default 1
                    'options' => ['uncheck' => 0,'checked'=>$value],//has hidden input,and checked status by db value
                    'pluginOptions' => ['size' => 'small']
                ]);

if change like blow ,it will work

protected function getInput($type, $list = false)
    {
       //if has model
        if ($this->hasModel()) {
            $input = 'active' . ucfirst($type);
            return $list ?
                Html::$input($this->model, $this->attribute, $this->data, $this->options) :
                Html::$input($this->model, $this->attribute, $this->options);
        }
     // if there no model
        $input = $type;
        $checked = false;
        if ($type == 'radio' || $type == 'checkbox') {
            $this->options['value'] = $this->value;//not necessary,in widget config options value can also work
            $checked = ArrayHelper::remove($this->options, 'checked', '');
           // if (empty($checked) && !empty($this->value)) {
          //      $checked = ($this->value == 0) ? false : true
          //  } else
           if (empty($checked)) {
                $checked = false;
            }
        }
        return $list ?
            Html::$input($this->name, $this->value, $this->data, $this->options) :
            (($type == 'checkbox' || $type == 'radio') ?
                Html::$input($this->name, $checked, $this->options) :
                Html::$input($this->name, $this->value, $this->options));
    }

.How to resove it?

sometimes the switch input width does not fully expand , it is very small. A page refresh will fix, but the issue come up very often.

<?= $form->field($model, 'is_billable', [ 'options' => ['class' => 'col-md-2']])
->widget(SwitchInput::classname(), [
      'type' => SwitchInput::CHECKBOX,
       'pluginOptions' => [
            'size' => 'large',
             'onColor' => 'success',
             'offColor' => 'danger',
       ]
]); ?>

I have a form whose html content changes when the value of a specific dropdown changes. The new html content that contains a couple of switchinput widgets is loaded with ajax and injected in the form. The problem is that the widgets are not rendered but checkboxes are shown instead. If i then save the state of the form and reload the page, the widgets are rendered correctly.

When using the switchinput inside a collapse widget the switch does not get initialised with the model value. On submitting the form the value does not get saved.

echo yii\bootstrap\Collapse::widget([
  'items' => [
    [
      'label'   => 'test',
      'content' => $form->field($model, "[5]value")
        ->widget(kartik\widgets\SwitchInput::className())
        ->label($model->name),
    ]
  ]
]);

when i use the same code without a collapse widget there is no problem.

On inspecting the code i can see there is a hidden field (with the correct value) and an input type checkbox with the wrong value

Hello! Thank you for the very useful widget.

I'm trying to use it and got an issue. Widget always loading in YES state.

If attribute value = 0 switch is loading in YES position. If you want to update attribute to value = 1 you must click on switch (it will be changed to NO position) and then click on it again (it will be changed back to YES position). Only after that new value will be assigned.

// Note: I've looked the code and haven't found any checked state checks in it. It looks like such functionality exists in similar widget: https://github.com/2amigos/yii2-switch-widget

I've tried 'pluginOptions' => [ 'state' => false ] but it isn't helping too.

And here is my code from DetailView widget:

[
    'attribute' => 'yes',
    'format' => 'raw',
    'type'=>DetailView::INPUT_SWITCH,
    'widgetOptions'=>[
        'pluginOptions'=>[
            'state' => false,
            'onText'=>'Yes',
            'offText'=>'No',
            'onColor' => 'success',
            'offColor' => 'danger',
        ]
    ],
    'value'=>$model->active ?
        '<span class="label label-success">Yes</span>' :
        '<span class="label label-danger">No</span>',
],  

Hi, when i add Switchinput in modal, which is loaded by renderAjax - it's broken like photo below. Sometimes it work fine, but generally it's borken.

The pluginOptions - labelText does not work correctly when using the radio switchtype.

The parameter 'pluginOptions' => [ 'labelText' => '',

is only applicable for the checkbox-type switch. Would be good to be able to have separate image for each radio-switch.

I'm using the switchinput as follows

	$form->field($model, 'Active',
	[
		'inputOptions' => [
			'value' => Yii::$app->formatter->asInteger($model->Active), 
			'class' => 'form-control',
		],
		'labelOptions' => ['class' => 'control-label'],
		'horizontalCssClasses' => [
			'class' => '',
			'wrapper' => '',
		],
		'template' => '<div class="col-sm-2">{label}</div><div class="col-sm-4">{input}{error}</div>',
	])
	->widget(SwitchInput::classname(), 
	[
		'options'=>[
			'tabIndex'=>'345',
		],
		'pluginOptions' => [
			'size' => 'small',
			'onText' => 'Yes',
			'offText' => 'No',
			'onColor' => 'success',
			'offColor' => 'danger',
		],
		'disabled' => (Yii::$app->user->can('Administrator') ? false : true),
	])

If the use is Administrator, everything works just fine, but, if not, then when the form loads, it displays the value correctly, but always saves all values as No/0, even if it was displaying Yes/1.

My workaround has been to add javascript before submit to enable all controls.

I used the option options->disabled of the widget to not allow the user changing the value in certain conditions:

<?= $form->field($model, 'tipo')->widget(Select2::classname(), [
                        'data' => TipoZona::all(),
                        'options' => [
                            'placeholder' => Yii::t('app','Seleziona un tipo ...'),
                            'disabled' => true,
                        ],
                        'pluginOptions' => [
                            'allowClear' => true,
                        ],
                    ]) ?>

The box with 'YES' and 'NO' values is correctly disabled but the value can actually be changed by clicking on the field label and the new value gets correctly submitted and saved.

Hi Kartik,

Great plugin. I'm trying to load new switches via AJAX.

values = $("input[name='place-chooser']").map(function(){
$(this).bootstrapSwitch(); });

Resets the switch to default settings. And, I can figure out how to get it to inherit the PHP settings that came over via AJAX. And, I can't figure out any Jquery API against the $(this).bootstrapSwitch() to reconfigure the settings.

Using this approach from your post here https://github.com/kartik-v/yii2-tabs-x/issues/18... var opts = window[$('#switch-id').attr('data-krajee-bootstrapSwitch')]; $("#switch-id").bootstrapSwitch(opts); // reinitialize switch input doesn't work at all neither did var opts = window[$('#switch-id').attr('data-kv-switch')];

I've been struggling with this for 24 hours. I'd appreciate any response you can offer.

There's just no explanation for reinitialize with settings. Or, Jquery settings of a new AJAX loaded switch

Thanks!

Maybe just a config issue, but I dotn see the solution..

With:

$form->field( $mdlProjekt, $pd->projekt_column_internal )->widget( \kartik\widgets\SwitchInput::class, [
		        'pluginOptions' => [
			        'offText' => $pdlv[0]['value'],
			        'onText' => $pdlv[1]['value'],
		        ],
	        ] )->label( false );

I get a cirrupt result - it works, but the position is a bit off.. Worked in PHP 5.6 and Yii 2.0.16.1 (I currently migrate to PHP 7.4):

When using the switch input without a model, even when setting the IndeterminateValue to -1 (or a positive number for that matter), the result does not appear in the post if it is OFF or Indeterminate, meaning there is no way to differentiate between which the user has selected. It only appears when ON.

Here is my initialization code:

echo SwitchInput::widget(["options" => ["id" => "client_{$i}_setting"],
                                    "name" => "Clients[{$oneClientSetting->catalog_id}]",
                                    "value" => $oneClientSetting->type,
                                    "tristate" => true,
                                    "indeterminateValue" => 2,
                                    "pluginOptions" => [
                                        "onText" => "Show",
                                        "onColor" => "success",
                                        "offColor" => "danger",
                                        "offText" => "Hide",
                                    ],
                                   ]);

Hi,

this is my code

<?= $form->field( $model, 'status' )->widget( SwitchInput::class, [
				'type' => SwitchInput::CHECKBOX
            ] ) ?>

If the checkbox is not checked everything is ok, if the checkbox is checked when I click submit in the ActiveForm, 0 and 1 are sent together

Model[status]: 0
Model[status]: 1

Regards

Hi, I am trying to use this widget and it is really useful, I really like it, but I'm facing the following problem: I have an activeForm in wich under certain conditions I call a "populate()" javascript function for filling the form fields, but I can't manage to change the switch to its 'on' property. I am using it as a checkbox in the following way:

$form->field($model, "es_usuario")->widget(SwitchInput::classname(), [
                                    'pluginOptions' => [
                                        'onText' => 'Sí',
                                        'offText' => 'No',
                                        'onColor' => 'success'
                                    ],
                                ])->label("Agregar como usuario del sistema?");

I have tried with:
$('#contactos-es_usuario').val(true); $('#contactos-es_usuario').prop('checked', true); $('#contactos-es_usuario').attr('checked', true); $('#contactos-es_usuario')[0].checked = true; With no results in any of these. When I check the element in the development tools, the checked property does change to true, but the switch remains the same.

I'd really appreciate give me any help with this. Thanks in advance

i am new to yii2, i have integrated this widget as instructed in doc but it i have this error "Class kartik\switchinput\SwitchInput not found". i am using yii2 advanced template and the extension is placed on root vendor folder. where do i fix the path for this extension? please help. Thanks!!!

Is there a way to make the first click of a -1 state 3way toggle go to a particular value?

I'd like these to go to yes first when people click them rather than no.

I prefer to have yes on the left rather than no on the left

Thanks!

You can see this at SimplePlanner.io . Typically only the participants see the -1 state. So, you'll have to invite another account to a meeting after selecting a time and place.

Hello, I am quite new to Yii2. I am trying to use the switchinput widget that when is clicked (on/off) a database field value should change (true/false) to indicate the current state. I think this is done with pluginEvents array and switchChange event:

echo $form->field($model, 'field1')->widget(SwitchInput::classname(), [
    'type' => SwitchInput::CHECKBOX,
    'name' => 'status_11',
    'pluginOptions' => [
        'size' => 'medium',
        'onColor' => 'success',
        'offColor' => 'danger',
        'onText'=>'YES',
        'offText'=>'NO'
        ],
'pluginEvents' => [
            'switchChange.bootstrapSwitch' => 'function() { 
                $.ajax({
                  method: "POST",
                  url: "'.Url::to(['controller/action']).'",
                  data: { xxxxxxxxxxxxxxx}
              })
            }',
        ],

I want to activate a specific action where the database field is updated. I declare the controller/action in url. I am not sure about the data attribute. Is this the right approach? Any suggestions?