How do i create a side menu panel in ionic app?

[Asif]

Hi,
I want to create a side menu panel in my ionic app. Pls tell me how to do that..!!

[Alena Prykhodko]

Hello,

Please look at this documentation http://ionicframework.com/docs/api/di...

[Peter Perecz]

Hello Alena,

It would be nice to have something like a tutorial about how to integrate such Ionic components that are not the part of the standard "Palette" in the builder, just like the above referred side menu or slide-box, etc.
Some instructions how to do that would be great.

Are you planning to create something like that or you maybe have it available?

Thanks,
Peter

[Evgene Karachevtsev]

Hello Peter,

Unfortunately we don't have such tutorial, but we'll forward your request to our development team and will get back to you with the update if the reply will be positive.

[Kristof Maletzke]

Hi, I also would like to know how to add a side menu panel in an Ionic app.

The link to the Ionic documentation wasn't helpful for me, because I don't know where to add the code for the panel.

Could you maybe give me a hint how to do this?

[Serhii Kulibaba]

Please look this documentation: http://ionicframework.com/docs/api/di...

[Madi Anas]

I cannot seem to open or close the menu in the app.

I tried adding a directive menu-toggle:left to the button in the header, but that is not working.

Please help, there is not tutorial on this. directives on ionicframwork website do not work.

[Evgene Karachevtsev]

Hello Mani,

Could you please clarify, the link provided by Sergiy doesn't work for you (we just checked and it is working) of you couldn't find the info you need there?

[Madi Anas]

Hello Evgene

I found the problem. One of my elements in the side menu was refrencing a non existing function, so it refused to open and it was giving any errors in the console.

thank you

[Nono Aces]

Hi,

I'm still having problems getting the IONIC Side-Menu to work.

I've created a Scope Function on the Index Page

$scope.toggleLeft = function () {
var $ionicSideMenuDelegate = Apperyio.get("$ionicSideMenuDelegate");
$ionicSideMenuDelegate.toggleLeft();
};

And in Design Mode i've added a button with ng-click:toggleLeft() as the function, but not working.

What am i missing?

Thanks in advance!