@macaulay2/boot-side-menu
v2.2.1
Published
A jQuery plugin to easily create a sliding menu, working on a Bootstrap based application.
Readme
This is a fork of the original, but no longer maintained, package by Andrea Lombardo for use by the Macaulay2 Visualize package.
BootSideMenu
After a long time a new (hope better) version is here. BootSideMenu is a jQuery plugin to easily build a sliding menu in a Bootstrap based application.
Online demo can be found HERE.
Options
| Option | Type | Value | Description|Default
| :--------- | :--- | :---- | :--------- |:------:
|side|String|left or right|Where menu will be placed|left
|duration|Integer|milliseconds|Animation duration|500
|remember|Boolean|true or false|Restore last menu status on page refresh|true
|autoClose|Boolean|true or false|If true the initial status will be "closed"|false
|pushBody|Boolean|true or false|If true the body of the page will be pushed left or right, according to the menu width and position|false
|closeOnClick|Boolean|true or false|If true the menu will be closed when a link is clicked or if a click is made outside of it|true
|icons|Object|An object where to specify the icon fonts classes|A way to use other icon fonts instead of glyphicon|icons: {left: 'glyphicon glyphicon-chevron-left', right: 'glyphicon glyphicon-chevron-right', down: 'glyphicon glyphicon-chevron-down'}
|theme|String|'default', 'dracula', 'darkblue', 'zenburn', 'pinklady', 'somebook'|Five themes plus a default one. Your is welcome.|'default'
Events
| Event | Description | Default | :---- | :---------- | :------: |onStartup|A function to be executed when the menu is instantiated| do nothing |onTogglerClick|A function to be executed when the toggler arrow is clicked| do nothing |onBeforeOpen|A function to be executed before the menu is opened| do nothing |onOpen|A function to be executed when the menu is opened| do nothing |onBeforeClose|A function to be executed before the menu is closed| do nothing |onClose|A function to be executed when the menu is closed| do nothing
Methods
| Method | Description | :---- | :------------: |$(selector).BootSideMenu.open();| Open menu programmatically |$(selector).BootSideMenu.close();| Close menu programmatically |$(selector).BootSideMenu.toggle();| Toggle menu programmatically Watch in action HERE.
Examples
Watch the examples folder to see it in actions or try an Online Demo
Donations
Coffee and beers are well accepted! :coffee: PayPal Donations Here :beer:
