ionic sidemenu

ionic sidemenu

A multilevel and theming side menu for ionic framework

$0.00

cpiles

cpiles

Member since 2015

Details

Version:
1.0
Ionic:
1.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
4 years ago
Category:
Plugins
Tags:
ionic, side menu, multilevel, sidemenu, collapsible,

Look with Ionic View

Take a look at it with Ionic View using ID: 43193821

Demo project

  • extract file and go demo folder
  • cd demo/
  • npm install
  • bower install
  • ionic setup sass
  • ionic serve

How to use in other project:

1) Extract file and copy ionic-sidemenu subfolder in your project lib folder

2) Specify the path of ionic-sidemenu.bundle.min.js in your index.html file.

````html

```

3) In your application's main module, inject the dependency ionic-sidemenu, in order to work with this plugin

````javascript angular.module('mainModuleName', ['ionic', 'ionic-sidemenu']){ // } ```

4) You can configure this side menu at application level in the side menu controller to creating a json tree and theme. Your config method may look like this if you wish to setup the configuration.

````javascript .controller('SideMenuCtrl', function($scope) { $scope.theme = 'ionic-sidemenu-dark'; $scope.tree = [{ id: 1, level: 0, name: 'Maps', icon: "ion-map", items: [{ id: 10, level: 1, name: 'Marker', icon: "ion-ios-location", items: [{ id: 100, name: 'Images', level: 2, icon: "ion-image", state: 'app.search', items: null }, { id: 101, level: 2, name: 'User', icon: "ion-person", state: 'app.browse', items: null }] }] }, { id: 2, name: "Buy", icon: "ion-card", level: 0, state: 'app.playlists' }]; }); ```

5) Inject in your menu.html a this example template to replacing ion-content of ion-side-menu.

````html

```

6) ionic-sidemenu count with five themes, look at step five for an example

````html ionic-sidemenu-blue ionic-sidemenu-red ionic-sidemenu-green ionic-sidemenu-stable ionic-sidemenu-dark ```

Contact

Gmail : carlospilesdeveloper@gmail.com
Comment or Rate it : https://market.ionic.io/plugins/ionic-sidemenu