Download the PHP package philippfrenzel/yii2slidebars without Composer
On this page you can find all versions of the php package philippfrenzel/yii2slidebars. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download philippfrenzel/yii2slidebars
More information about philippfrenzel/yii2slidebars
Files in philippfrenzel/yii2slidebars
Package yii2slidebars
Short Description jquery slidebars extension for yii
License MIT License
Homepage http://www.frenzel.net/
Informations about the package yii2slidebars
yii2slidebars
This extension is a wrapper for the amazing jquery slidebars which can be found here:
http://plugins.adchsm.me/slidebars/
Pls. take a closer look at all the plugin options, which can be passed over by adding them to the "clientOptions" parameter as shown below.
A demo of the extension can be found here:
http://yii2fullcalendar.beeye.org/index.php/site/slidebars
Installation
Add this to your composer.json require section
Basic Steps
These are the basic steps in order to get Slidebars working on your site. There are also more in-depth descriptions and API usage further down the page.
-
Add to your meta viewport tag to your head.
´´´
´´´
-
Wrap your entire page design in an element with id canvas='container'.
´´´
´´´
- Set the side of your Slidebars by adding modifier classes.
- Add control classes to elements to use the Slidebars.
Add Control Classes
There are optional classes which when applied to elements, can be used control the Slidebars. If you do not wish to use these, you can set your own elements to control the Slidebars using the API.
.sb-toggle-left can be used to toggle the left Slidebar. If clicked when the Slidebar is closed, it will open, if clicked when open, it will close.
.sb-toggle-right can be used to toggle the right Slidebar. If clicked when the Slidebar is closed, it will open, if clicked when open, it will close.
.sb-open-left can be used to open the left Slidebar when clicked.
.sb-open-right can be used to open the right Slidebar when clicked.
.sb-close can be used to close either Slidebar when clicked.
View Code
And finaly the view should look like this:
Currently it cause issues with having multiple sly's on one page, but we know this issue and are working on it.