Is possible to use ionic menu inside ionic router-outlet in ionic-v4

#1

Inside the page, possible to write ionic menu

#2

Not sure what you mean?

You can make a menu component and use it in a page…

1 Like
#3

Thanks for :blush: your reply @IonicGeoff .

As per your example, u made a side menu as a component and using selector you called in app.html

<ion-app>
  <app-sidemenu></app-sidemenu>
</ion-app>


But in my requirement i need a two ionic menu, one in present inside the app.html and another one i need to present in inside page

App.html

<ion-app>
  <app-sidemenu></app-sidemenu>
</ion-app>

home.page.html
*******************
<ion-content>
home page works
</ion-content>
  <app-sidemenu></app-sidemenu>

Like that Is it possible

#4

Do you mean for it to cover the whole page height, or to be a small menu that appears over part of the page height?

Do you want it to replace the existing menu on a particular page, or to be additional to the existing menu?

What is the purpose of the menu?

There are other ways to allow user choices, but they are not called menus! :wink:

1 Like
#5

Do you mean for it to cover the whole page height, or to be a small menu that appears over part of the page height? => yes its to be a small menu that appears over part of the page height

Do you want it to replace the existing menu on a particular page, or to be additional to the existing menu? => yes, its be a additional menu to the existing menu.

What is the purpose of the menu? => I want to have three different ion-menu in different components. Each menu should be manageable by its menu-id.

There are other ways to allow user choices, but they are not called menus! => if other choices having same features as ion-menu, then kindly suggest me

#6

Well, a popover for 1…

1 Like
#7

Thanks @IonicGeoff Its working, Is it possible to change transition like a ion menu?

#8

Yes, it has the EnterAnimation and LeaveAnimation properties, so you can make it turn somersaults if you want to.

See this article for an example of using these properties…

…it applies to a modal, but works the same no matter what you apply it to.

1 Like
#9

Thank you @IonicGeoff, Its Working. I have a one more doubt. In my scenario having checkbox if all checkbox are checked, then ‘any checkbox’ checked by default, that time all the checkbox are unchecked except ‘any checkbox’ but last checkbox was not unchecked. I used the $event for checking or uncheck.

#10

Maybe start a new thread, sounds like a different question?

1 Like
#11

Hi @IonicGeoff,
I created new thread, Last checkbox Unchecked in Ionic 4

Kindly help