Hello ionic fans,
I have a simple design that I do not manage to make work.
I would be very happy if someone could help me.
What I try to acheive
The home page should have 2 buttons at the bottom (no home button). The “settings” (gear) should slide to the right to the setting page, which have 2 new buttons at bottom “setup1” and “setup2”.
I have used a
<ion-nav-bar/> directive to have a back arrow to the home screen when we are in the settings screens (but I am not sure that is a good choice).
I have created a codepen sample to show my first attempt here : http://codepen.io/sgandon/pen/iIAbo
Here are the problems I am getting :
- the setting1 or setting2 pages do not get displayed, or if I manage to display them by using an additional
<ion-nav-view></ion-nav-view>the back arrow on my navbar disappear ?
- On the home page no button should be selected but the “info” button is, it seems that selection is not related to the state of the ui-router?
- the home “info” button should slide to the left and the “right”, how to make this happen ?
Thanks to anyone that have red until here and that ma give me some hints.