ABOUT
--------------------------------------------------------------------------------
The mobile sliding menu module integrates the mmenu jQuery plugin
for creating slick, app look-alike sliding menus for you mobile website.
REQUIREMENTS
--------------------------------------------------------------------------------
- Libraries module.
- jQuery 1.7.0 or later.
FEATURES
--------------------------------------------------------------------------------
The mmenu jQuery plugin has following features:
- Fully responsive CSS framework generated with SCSS.
- Creates sliding panels as easy as menus.
- Menu can be positioned at the top, right, bottom or left, at the back,
front or next to the page.
- Use sliding horizontal or expanding vertical submenus.
- Optionally open the menu by dragging the page out of the viewport.
- Plays nicely with jQuery Mobile.
- Add headers, labels, counters and even a search field.
- Completely themable by changing the background-color.
- Works well on all major browsers.
- Filled with options for customizing the menu.
- Uses SCSS to easily create customized menus.
INSTALLATION
--------------------------------------------------------------------------------
1 - First, install the mmenu module (standard Drupal way).
2 - Adds plugin library.
2.1.1 - Download Mmenu library: http://mmenu.frebsite.nl/download.php.
2.1.2 - Unzip the library files in the Drupal path "/sites/all/libraries/mmenu/main".
2.1.3 - For example, the css file could be accessed in
"/sites/all/libraries/mmenu/main/src/css/jquery.mmenu.all.css".
2.2.1 - Download Hammer.js library: http://eightmedia.github.io/hammer.js.
2.2.2 - Unzip the library files in the Drupal path "/sites/all/libraries/mmenu/hammer".
2.2.3 - For example, the css file could be accessed in
"/sites/all/libraries/mmenu/hammer/hammer.min.js".
2.3.1 - Download Hammer.js library: https://github.com/EightMedia/jquery.hammer.js.
2.3.2 - Unzip the library files in the Drupal path "/sites/all/libraries/mmenu/jquery.hammer".
2.3.3 - For example, the css file could be accessed in
"/sites/all/libraries/mmenu/jquery.hammer/jquery.hammer.min.js".
3 - Configurations
3.1 - Sets the version to 1.7 or above at /admin/config/development/jquery_update.
3.2 - Configs each mmenu at /admin/config/mmenu.
View source
-
- ABOUT
- --------------------------------------------------------------------------------
- The mobile sliding menu module integrates the mmenu jQuery plugin
- for creating slick, app look-alike sliding menus for you mobile website.
-
- REQUIREMENTS
- --------------------------------------------------------------------------------
- - Libraries module.
- - jQuery 1.7.0 or later.
-
- FEATURES
- --------------------------------------------------------------------------------
- The mmenu jQuery plugin has following features:
- - Fully responsive CSS framework generated with SCSS.
- - Creates sliding panels as easy as menus.
- - Menu can be positioned at the top, right, bottom or left, at the back,
- front or next to the page.
- - Use sliding horizontal or expanding vertical submenus.
- - Optionally open the menu by dragging the page out of the viewport.
- - Plays nicely with jQuery Mobile.
- - Add headers, labels, counters and even a search field.
- - Completely themable by changing the background-color.
- - Works well on all major browsers.
- - Filled with options for customizing the menu.
- - Uses SCSS to easily create customized menus.
-
- INSTALLATION
- --------------------------------------------------------------------------------
- 1 - First, install the mmenu module (standard Drupal way).
- 2 - Adds plugin library.
- 2.1.1 - Download Mmenu library: http://mmenu.frebsite.nl/download.php.
- 2.1.2 - Unzip the library files in the Drupal path "/sites/all/libraries/mmenu/main".
- 2.1.3 - For example, the css file could be accessed in
- "/sites/all/libraries/mmenu/main/src/css/jquery.mmenu.all.css".
- 2.2.1 - Download Hammer.js library: http://eightmedia.github.io/hammer.js.
- 2.2.2 - Unzip the library files in the Drupal path "/sites/all/libraries/mmenu/hammer".
- 2.2.3 - For example, the css file could be accessed in
- "/sites/all/libraries/mmenu/hammer/hammer.min.js".
- 2.3.1 - Download Hammer.js library: https://github.com/EightMedia/jquery.hammer.js.
- 2.3.2 - Unzip the library files in the Drupal path "/sites/all/libraries/mmenu/jquery.hammer".
- 2.3.3 - For example, the css file could be accessed in
- "/sites/all/libraries/mmenu/jquery.hammer/jquery.hammer.min.js".
- 3 - Configurations
- 3.1 - Sets the version to 1.7 or above at /admin/config/development/jquery_update.
- 3.2 - Configs each mmenu at /admin/config/mmenu.