Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Change DOM before bringPageTop()

  • Hey,

    I use the bringPageTop method to load the view-1.html and show it. When I change the DOM in the then part it will be executed after the animation and the html is already shown. So you see how it changes.

    I want to change the dom and then do the animation etc. Is there a way to preload the html file?

    Thank you

      {animation: 'slide',
        animationOptions: {
        duration: 0.2
        ,delay: 0
       .then(function() {

  • Onsen UI

    @Flosef2 If it’s the first time you push view-1.html with bringPageTop then it just performs a normal pushPage. That means your page is only a template (a string) and doesn’t exist as DOM per se. We are discussing about adding templating functionality to support this in gh#1447

    However, you have a way to modify the created pages in their init event. That event will run before animations. More info here.

    frandiox created this issue in OnsenUI/OnsenUI

    closed Specs: Utility pack. #1447

  • @Fran-Diox thanks a lot!

    For others having this problem you can use something like this:

    document.addEventListener("init", function(e) {
      if ("#ID-OF-YOUR-PAGE-IN-HTML-FILE")) {

  • btw.
    why can I not mark the topic as solved?

    0_1466608622650_Bildschirmfoto 2016-06-22 um 17.16.36.png

  • @Flosef2 You need to first click “Ask as Question?” then when you view the thread, you will see a button “Solved” or mark as solved.