Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. amco
    A
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    amco

    @amco

    0
    Reputation
    7
    Posts
    889
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    amco Follow

    Posts made by amco

    • RE: How to navigate within pages

      @mjessen I know this topic is quite old but i just feel like explaining this part the more…

      You will have to first set navigator inside your index file like this… <ons-navigator id=“navigator” page=“tabbar.html”></ons-navigator>

      You will now create a query selector inside your script tag just like this… document.querySelector(’#navigator’).pushPage(‘yoursubpage.html’, {data: {title: ‘subpage Title’, content: ‘subpage content’}});

      You will now go to your href and add the name of the file just like this… yoursubpage.html

      I hope this helps anybody in need of it

      posted in Onsen UI
      A
      amco
    • RE: How to navigate within pages

      @Fran-Diox ons-back-button isn’t working inside ons-navigator? Any idea?

      posted in Onsen UI
      A
      amco
    • RE: How to navigate within pages

      @Fran-Diox thanks for getting back to me ASAP. I searched all through the internet maybe i can see something to read as you mentioned ( You can just read the select value on button click ) but i found nothing yet.

      Here is my problem again… I have SELECT tag with 3 options and a button called NEXT. So what i want to do is that when i select any option and i clicked on NEXT button it should go to another page. Thanks

      posted in Onsen UI
      A
      amco
    • RE: How to navigate within pages

      @Fran-Diox Yeah!!! Is working fine now. The tabbar is showing on all the pages i need them to sho Thank you very much i really appreciate. Being able to fix that i am having another issue now on my next page… Dunno maybe you can help with this as well

      I have a design with Select Input, so what i want to do is after i select any option at of the options i should now click on next button to take me to next page base on what i select… Dunno maybe you understand if yes is there any suggestion for me? Thanks.

      posted in Onsen UI
      A
      amco
    • RE: How to navigate within pages

      @Fran-Diox i actually declare ons-navigator as the layout like this

      <ons-navigator id=“myNavigator” page=“tabbar.html”></ons-navigator>

      I now have a template tag with the id tabbar.html that is extending my tabbar in the ons-navigator like this

      <template id=“tabbar.html”>
      <ons-page id=“tabbar-page”>
      <ons-tabbar position=“bottom”>
      <ons-tab page=“home.html” label=“Home” icon=“ion-home” active></ons-tab>

            <ons-tab page="LogBook.html" label="Log Book" icon="ion-ios-book">
            </ons-tab>
            
            <ons-tab page="LogBook.html" label="Find" icon="ion-ios-search-strong">
            </ons-tab>
      
            <ons-tab page="LogBook.html" label="Support" icon="ion-person-stalker">
            </ons-tab>
      
            <ons-tab page="LogBook.html" label="More" icon="ion-more">
            </ons-tab>
          </ons-tabbar>
        </ons-page>
      </template>
      

      How can i make th ons-navigator the child of tabbar. Please can you explain more looking at my code above. Thanks in advance

      posted in Onsen UI
      A
      amco
    • RE: How to navigate within pages

      Hi,
      Thank very much it helps @mjessen i was able to implement it and it worked but there is one issue again… After pushing to sub-pages the tabbar disappeared the tabbar appears at the landing page alone… Dunno know maybe i am doing something wrong… Please i want the tabbar to show on all pages. both main pages and subpages…

      Thank you so much in advance…

      posted in Onsen UI
      A
      amco
    • How to navigate within pages

      Hello Everyone,
      I am new to Onsen but i have been trying to get myself on the track for a few days now but i have been hooked down by one annoying problem PLEASE HELP ME!! I was able to navigate using tabbar but i do not know how to navigate within one page for example if i click on a Get Started button it should take me to the next page.

      posted in Onsen UI
      A
      amco