<?php echo $form->field($filterModel, 'durations')->checkboxlist(VacancyFilter::getDurationsList()); ?> <?php echo $form->field($filterModel, 'workTypes')->checkboxlist(VacancyFilter::getWorkTypesList()); ?> <?php echo $form->field($filterModel, 'courses')->checkboxlist(VacancyFilter::getCoursesList()); ?> <?php echo $form->field($filterModel, 'max_hours')->widget(Slider::className(), ['name' => 'max_hours', 'value' => 7, 'sliderColor' => Slider::TYPE_GREY, 'handleColor' => Slider::TYPE_DANGER, 'pluginOptions' => ['handle' => 'triangle', 'tooltip' => 'always', 'min' => 2, 'max' => 20, 'step' => 1]]); ?> <?php echo Html::submitButton('Search', ['class' => 'btn btn-primary']); ?> <style> div.slider.slider-horizontal{ #width:150px; display:block; } </style>