Problems adding side menu in project already started

Question

I’m starting with Ionic, have a question.

I created a blank project "Ionic start project Blank", and I was able to create the main screen of my app, just a LOGO with "LOGIN" button to enter the app, but I would like to add a side menu on the LOGIN page. But I’ve been doing some research but I can’t find it, I believe it’s possible.

I would just like to have the Sidemenu on the main screen, however it is not the screen that starts the app, so I could not create with the sidemenu template. It is possible to add a SIDEMENU in a project already created in Blank?

I’m really looking but unsuccessfully.

Answer 1

Good Felipe, you can do it in two ways:

1a - Create the app with the sidemenu template and change the main page:

• Create the app with the sidemenu template
• Generates a new page with ionic generate page nome_da_pagina
• Goes in the file app.component.ts and defines the property rootPage with this new page created (the moment you open the file should be like Menupage or something).

When you test you will see that the first page that will open is this new created, then just put a click event on the button and the method using the NavController to push the new view (which will be MenuPage and will have the menu created by Ionic). Take a look at documentation of that case.

2a - Continue the way and generate a page that will be the menu.

• In this case, generate a new page that will serve as a menu.
• Follow the instructions of documentation to make the menu according to the standard.
• Place a click event on the "Sign In" button that will change the rootPage to the menu page.

As you are at the beginning, I recommend following the first way.