walkboy/yii2-tabselect

Yii2 tab styled select input

dev-master 2025-03-21 11:15 UTC

Requires

• php: >=5.6.0

MIT

README

This is Yii 2 widget working as dropdown but looking like tabs.

Installation

Add "walkboy/yii2-tabselect": "dev-master" to composer.json and run composer update

Config

Add bsVersion => '4.x' or '5' to your params.php to use related Bootstrap plugins globally or set it on widget settings.

Usage

use walkboy\TabSelect\TabSelect;

<?= $form->field($searchModel, 'number')->widget(TabSelect::classname(), [
    'items' => [
    	0 => 'Tab 1', 
    	1 => 'Tab 2',
    ],
    // 'showSelect' => false,
    // 'showFilter' => false,
    // 'navType' => 'nav-tabs',
    // 'navType' => 'nav-pills flex-column', // vertical style
    // 'tabsOptions' => [],
    // 'filterInputOptions' => [],
])->label(false) ?>

Usage with filter form

use walkboy\FilterForm\FilterForm;
use walkboy\TabSelect\TabSelect;

<?php
$form = FilterForm::begin(['options' => ['class' => 'filter-form']]);

echo $form->field($searchModel, 'number')->widget(TabSelect::classname(), [
    'items' => ArrayHelper::map(
		Order::find()
			->select(['created_at' => 'year(created)'])
			->distinct()
		    ->all(), 
		'created', 'created'),
	\\ 'bsVersion' => '4',
])->label(false);

FilterForm::end();
?>