Class yii\bootstrap4\Tabs

All Classes | Properties | Methods

Inheritance	yii\bootstrap4\Tabs » yii\bootstrap4\Widget » yii\base\Widget
Uses Traits	yii\bootstrap4\BootstrapWidgetTrait

Tabs renders a Tab bootstrap javascript component.

For example:

echo Tabs::widget([
    'items' => [
        [
            'label' => 'One',
            'content' => 'Anim pariatur cliche...',
            'active' => true
        ],
        [
            'label' => 'Two',
            'content' => 'Anim pariatur cliche...',
            'headerOptions' => [...],
            'options' => ['id' => 'myveryownID'],
        ],
        [
            'label' => 'Example',
            'url' => 'http://www.example.com',
        ],
        [
            'label' => 'Dropdown',
            'items' => [
                 [
                     'label' => 'DropdownA',
                     'content' => 'DropdownA, Anim pariatur cliche...',
                 ],
                 [
                     'label' => 'DropdownB',
                     'content' => 'DropdownB, Anim pariatur cliche...',
                 ],
                 [
                     'label' => 'External Link',
                     'url' => 'http://www.example.com',
                 ],
            ],
        ],
    ],
]);

Public Properties

Hide inherited properties

Property	Type	Description	Defined By
$clientEvents	array	The event handlers for the underlying Bootstrap JS plugin.	yii\bootstrap4\BootstrapWidgetTrait
$clientOptions	array	The options for the underlying Bootstrap JS plugin.	yii\bootstrap4\BootstrapWidgetTrait
$dropdownClass	string	Name of a class to use for rendering dropdowns withing this widget.	yii\bootstrap4\Tabs
$encodeLabels	boolean	Whether the labels for header items should be HTML-encoded.	yii\bootstrap4\Tabs
$headerOptions	array	List of HTML attributes for the header container tags.	yii\bootstrap4\Tabs
$itemOptions	array	List of HTML attributes for the item container tags.	yii\bootstrap4\Tabs
$items	array	List of tabs in the tabs widget.	yii\bootstrap4\Tabs
$linkOptions	array	List of HTML attributes for the tab header link tags.	yii\bootstrap4\Tabs
$navType	string	Specifies the Bootstrap tab styling.	yii\bootstrap4\Tabs
$options	array	The HTML attributes for the widget container tag.	yii\bootstrap4\Widget
$renderTabContent	boolean	Whether to render the `tab-content` container and its content.	yii\bootstrap4\Tabs
$tabContentOptions	array	List of HTML attributes for the `tab-content` container.	yii\bootstrap4\Tabs

Protected Properties

Hide inherited properties

Property	Type	Description	Defined By
$panes	array	Tab panes (contents)	yii\bootstrap4\Tabs

Public Methods

Hide inherited methods

Method	Description	Defined By
getView()		yii\bootstrap4\BootstrapWidgetTrait
init()	Initializes the widget.	yii\bootstrap4\Tabs
renderPanes()	Renders tab panes.	yii\bootstrap4\Tabs
run()		yii\bootstrap4\Tabs

Protected Methods

Hide inherited methods

Method	Description	Defined By
activateFirstVisibleTab()	Sets the first visible tab as active.	yii\bootstrap4\Tabs
hasActiveTab()		yii\bootstrap4\Tabs
prepareItems()	Renders tab items as specified on $items.	yii\bootstrap4\Tabs
registerClientEvents()	Registers JS event handlers that are listed in $clientEvents.	yii\bootstrap4\BootstrapWidgetTrait
registerPlugin()	Registers a specific Bootstrap plugin and the related events	yii\bootstrap4\BootstrapWidgetTrait

Property Details

$dropdownClass public property

Name of a class to use for rendering dropdowns withing this widget. Defaults to yii\bootstrap4\Dropdown.

public string $dropdownClass = 'yii\bootstrap4\Dropdown'

$encodeLabels public property

Whether the labels for header items should be HTML-encoded.

public boolean $encodeLabels = true

$headerOptions public property

List of HTML attributes for the header container tags. This will be overwritten by the "headerOptions" set in individual $items.

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $headerOptions = []

$itemOptions public property

List of HTML attributes for the item container tags. This will be overwritten by the "options" set in individual $items. The following special options are recognized:

tag: string, defaults to "div", the tag name of the item container tags.

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $itemOptions = []

$items public property

List of tabs in the tabs widget. Each array element represents a single tab with the following structure:

label: string, required, the tab header label.
encode: bool, optional, whether this label should be HTML-encoded. This param will override global $this->encodeLabels param.
headerOptions: array, optional, the HTML attributes of the tab header.
linkOptions: array, optional, the HTML attributes of the tab header link tags.
content: string, optional, the content (HTML) of the tab pane.
url: string, optional, an external URL. When this is specified, clicking on this tab will bring the browser to this URL. This option is available since version 2.0.4.
options: array, optional, the HTML attributes of the tab pane container.
active: bool, optional, whether this item tab header and pane should be active. If no item is marked as 'active' explicitly - the first one will be activated.
visible: bool, optional, whether the item tab header and pane should be visible or not. Defaults to true.
items: array, optional, can be used instead of content to specify a dropdown items configuration array. Each item can hold three extra keys, besides the above ones:
- active: bool, optional, whether the item tab header and pane should be visible or not.
- content: string, required if items is not set. The content (HTML) of the tab pane.
- options: optional, array, the HTML attributes of the tab content container.

public array $items = []

$linkOptions public property

List of HTML attributes for the tab header link tags. This will be overwritten by the "linkOptions" set in individual $items.

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $linkOptions = []

$navType public property

Specifies the Bootstrap tab styling.

public string $navType = 'nav-tabs'

$panes protected property

Tab panes (contents)

protected array $panes = []

$renderTabContent public property

Whether to render the tab-content container and its content. You may set this property to be false so that you can manually render tab-content yourself in case your tab contents are complex.

public boolean $renderTabContent = true

$tabContentOptions public property

List of HTML attributes for the tab-content container. This will always contain the CSS class tab-content.

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $tabContentOptions = []

Method Details

activateFirstVisibleTab() protected method

Sets the first visible tab as active.

This method activates the first tab that is visible and not explicitly set to inactive ('active' => false).

protected void activateFirstVisibleTab ( )

hasActiveTab() protected method

protected boolean hasActiveTab ( )
return	boolean	If there's active tab defined

init() public method

Initializes the widget.

This method will register the bootstrap asset bundle. If you override this method, make sure you call the parent implementation first.

public void init ( )

prepareItems() protected method

Renders tab items as specified on $items.

protected void prepareItems ( &$items, $prefix = '' )
$items	array
$prefix	string
throws	\yii\base\InvalidConfigException

renderPanes() public method

Renders tab panes.

public string renderPanes ( $panes )
$panes	array
return	string	The rendering result.

run() public method

public void run ( )
throws	\yii\base\InvalidConfigException
throws	Exception