Smart Tab Drawer

CodeCanyon Smart Tab Drawer 7791742
Script \ JavaScript \ Miscellaneous
Drawer \ Plugin \ Screen \ Version \ Support \ Height \ Changed \ Bottom \ Element

JavaScript - Smart Tab Drawer 7791742 by GDragoN @ CodeCanyon

Script \ JavaScript \ Miscellaneous

Smart Tab Drawer plugin takes any container element you want, move it into hidden block on the left / right or top / bottom side of the screen with a tab that when you click, hidden content slides onto the screen.

Plugin allows setup of multiple drawer blocks, tons of customization for animation, size, styling and more. Created controls are responsive. Plugin also has built in support for NiceScroll and nanoScroller jQuery plugins to replace standard scrollbars inside the slider block.

Plugin is tested with current Android (2.3.5, 4.0.2, 4.4.4, 5.0) browsers, iPhone and iPad Safari and Chrome (iOS7, iOS8), all modern desktop browsers. It requires JavaScript and jQuery support to work.

Plugin Features

- Tab/drawer on left or right side of the screen

- Tab/drawer on top or bottom side of the screen

- Tab/drawer can be open or closed on page load

- Tab only mode with redirection to any URL

- Define anchor point for position and resizing the drawer

- Set tab content for open and closed state

- Set tab title to be used for tooltips

- Vertical offset and fixed or absolute position

- Multiple drawers on the same page (same or different sides)

- Minimal screen size for activating the drawer control

- Customize animations for open and close of drawer

- Custom sizes, border size, round corners and more

- Opacity, Anchor and zIndex control

- Support for niceScroll and nanoScroller scrollbar replacement libraries

- Support for the Easing animation effects library

- Easy to style and customize

- Control functions and events available

- Minimized CSS and JS files

Plugin contains PDF user guide in the plugin package, inside the ‘docs’ directory. Check out this user guide to get information on plugin options, usage and more.

If you are updating from previous plugin version, check out the user guide for a section called ‘Migration Guide’ where most important changes in each version are liste (new settings, other changes) and have impact on how the plugin works.
Package also contains all files from previous 2.7.1 version.
Version 3.0 / 2014.12.05.

- Added: option to render tab only with click to redirect to URL

- Added: option close drawer when user clicks outside of the tab and drawer

- Added: set title attribute for the drawer tab element when closed

- Added: more usage demos for new plugin features

- Changed: some demo files improved and updated

- Changed: Several minor core object updates and code cleanup

- Updated: NanoScroller 0.8.4

Version 2.7 / 2014.07.16.

- Added: set title attribute for the drawer tab element

- Added: tab bottom offset used to get minimal drawer height

- Added: tooltip example for the drawer tab element

- Added: special example showing same height tab and drawer

- Changed: calculation of the drawer minimal height

- Changed: all demo files improved and updated

- Fixed: minimal drawer height had small extra space

Last Update: 5 December 14; Compatible Browsers: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS; Software Version: jQuery.

Smart Animated Popup; Smart Timer and Counter Bundle; Smart Timer And Counter: Flip Skin Addon; Smart Market Shortcodes; Smart QR Codes Generator; Smart Security Tools: Live Monitor Addon; Smart Security Tools: Login Limit Addon.

Keywords: animation, bottom, drawer, jquery, left, multiple tabs, opacity, responsive, right, scroll, slider, tab, tooltip, top, touch.