Navigation

    Monaca & Onsen UI
    • Login
    • Search
    • Tags
    • Blog
    • Playground
    1. Home
    2. Tags
    3. ons-page

    • R

      How to prevent a page from scrolling?
      Onsen UI • ons-page scroll • • rcpinheiro

      3
      0
      Votes
      3
      Posts
      2414
      Views

      R

      @markus said in How to prevent a page from scrolling?: $(".page__content").css(“overflow”,“none”); Thanks! That alone won’t work but led me to a solution: var height; function lockScroll() { height=$(".page__content").css("height"); $(".page__content").css("height","100%"); $(".page__content").css("overflow","none"); } function unlockScroll() { $(".page__content").css("height",height); $(".page__content").css("overflow","auto"); } Problem solved!
    • B

      FAB and Speed Dial in Onsen ver1
      Onsen UI • onsen ui ons-page onsen ui 2 fab speeddial • • brandecho

      4
      0
      Votes
      4
      Posts
      4660
      Views

      @brandecho The ons-speed-dial JS implementation is here. Perhaps you can do something similar.
    • P

      Solved Cannot load pages outside of tabbar and navigator
      Onsen UI • ons-navigator ons-tabbar ons-page tabbar navigator • • phyllito

      6
      0
      Votes
      6
      Posts
      8320
      Views

      @phyllito In that tutorial you linked, you can update the code to look like this: <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable animation="push"> And then click Run to see if this is what you want. Per the documents here: https://onsen.io/v2/api/js/ons-splitter-side.html The splitter side now has 3 animations: animation - Specify the animation. Use one of overlay, push, reveal or default. Try those options to get what you want for your project.
    • F

      ons-splitter and page events
      Developer Corner • ons-page ons-splitter eventlistener • • Facundo Arnold

      6
      0
      Votes
      6
      Posts
      7768
      Views

      F

      Perfect!. @Fran-Diox I solved using a service object to store states and data between pages. Thanks Again
    • Solved Slow performance with page templates in separate HTML-files
      Onsen UI • ons-navigator ons-page ons-template • • Sergey

      7
      1
      Votes
      7
      Posts
      9070
      Views

      @Fran-Diox thanks for new idea! As I understand in this case I have to do some manipulations with id attribute for each chat page and modify animation for popPage as mentioned above. I will investigate it. P.S. Issue for template cache was created ;)
    • C

      Unsolved Is there ons-page's attribute "on-infinite-scroll" in Onsen UI2 react version?
      Onsen UI • react ons-page on-infinite-scroll • • curtis

      1
      0
      Votes
      1
      Posts
      4214
      Views

      No one has replied

    • G

      Unsolved Is there any working example of onInfiniteScroll property of ons-page element?
      Onsen UI • ons-page ons.page oninfinitescroll • • gim

      1
      0
      Votes
      1
      Posts
      2718
      Views

      No one has replied

    • A

      Problem with ons-page on IPhone
      Onsen UI • ons-page angularjs 1 iphone ios nganimate • • Altin

      3
      0
      Votes
      3
      Posts
      4901
      Views

      A

      Hi Fran. The problems are solved now by upgrading to the latest OnsenUI release (2.0.2) and AngularJs (1.5.8). Thanks Altin
    • S

      Unsolved ons-page 'init' event not firing after adding plugin.
      Onsen UI • ons-page plugins • • sj.meyer

      10
      0
      Votes
      10
      Posts
      11523
      Views

      S

      @munsterlander @Fran-Diox Moving the event listener for ‘init’ to be outside the ‘deviceReady’ event listener worked. I find that strange since I was under the impression the ‘init’ event will register as fired even if you add the listener after the event actually fired. But it’s working now, so thank you for the assistance! Both of you.
    • ons-page
      Angular 2 • angular 2 ons-page • • OnsenUI

      5
      0
      Votes
      5
      Posts
      5690
      Views

      @Eduardo Oh I see! Have a look at this kitchensink app for an example of onInfiniteScroll.
    • ons-page
      AngularJS • angular 1 ons-page • • OnsenUI

      1
      0
      Votes
      1
      Posts
      2580
      Views

      No one has replied

    • ons-page
      JavaScript Core • js core ons-page • • OnsenUI

      4
      0
      Votes
      4
      Posts
      4574
      Views

      W

      Error shows when i call the ons-page. How to resolve it. Uncaught (in promise) TypeError: page._show is not a function
    • ons-page
      v1.x • ons-page • • OnsenUI

      1
      0
      Votes
      1
      Posts
      2784
      Views

      No one has replied