Monaca Onsen UI Discord Chat Github Repo

ons-navigator


  • Onsen UI

    A component that provides page stack management and navigation. Stack navigation is the most common navigation pattern for mobile apps. When a page is pushed on top of the stack it is displayed with a transition animation. When the user returns to the previous page the top page will be popped from the top of the stack and hidden with an opposite transition animation.

    Click here to see the original article



  • The See Also links above all fail resulting in 404


  • Onsen UI

    @TriSys Thanks for reporting. We recently changed all the guide so indeed we need to update most of the @seealso in these docs :sweat_smile:



  • Is “swipeable” working with ons-navigator? I’m unable to use the iOS “swipe to pop” feature like this:

    <ons-navigator page=“login_page.html” swipe-target-width=“150px” swipeable></ons-navigator>

    Thanks.



  • @marco9999 said:

    Is “swipeable” working with ons-navigator? I’m unable to use the iOS “swipe to pop” feature like this:

    <ons-navigator page=“login_page.html” swipe-target-width=“150px” swipeable></ons-navigator>

    Thanks.

    EDIT: Oops! I just discovered you have added (or fixed) this in v2.5.0/2.5.1… and I’m still on 2.4.2… Thanks!



  • trying to navigate and receive data on profile_management_page page have tried every possible answer but found nothing
    ons.ready(function() {
    document.addEventListener(‘init’, function(event) {
    var page = event.target;

              if (page.id === 'dashboard_tabs_page') {
                page.querySelector('#nav_settings').onclick = function() {
                  document.querySelector('#myNavigator').pushPage('html/dashboard/profile_management.html?name=faisal',{data: {id: "2"}});
                };
              } else if (page.id === 'profile_management_page') {
                console.log(data);
                //page.querySelector('ons-toolbar .center').innerHTML = page.data.title;
              }
            }
        );
      });


  • @Faisal-Naseer It should be outside of the ons-ready function. Here is a working example: https://codepen.io/munsterlander/pen/JWvNRX



  • I keep getting _this3.pushPage is not a function error when I try to add a button to my page for inputting form info