bringPageTop will solve your problem once we have fixed the bug that I linked to. We are working on a fix for bringPageTop that should be out at the end of this month.

I think you have correctly identified a workaround though, by using ons-tab. You can set ons-tabbar to hidden like so:

<ons-tabbar hide-tabs>...</ons-tabbar>

Then you can call setActiveTab to move to the player tab. In effect this is the same as using ons-navigator and bringPageTop.

Are you not able to get a reference to the loaded content in the callback promise from content.load?

content.load("pageTemplate.html")
      .then(              // <----- can you get a reference to the content in here?
      );

What is document.querySelector returning if you call it in the promise callback?

There are only two ways of defining pages for ons-navigator:

1. Define a template within the same file as the navigator
2. Define a page in its own file (not in a template). There can only be one page per file.

The problem you have here is that you are trying to define a template within a file, but it’s not the same file as the one ons-navigator is defined in. It is not possible to have this work with ons-navigator.

Instead what you should do is move each template in index2.html to its own separate file. Then you will be able to push to ons-navigator by passing the name of the file.

bringPageTop is currently broken but there is a fix being worked on for it. See here for details: https://github.com/OnsenUI/OnsenUI/issues/2604

davidhealey created this issue in OnsenUI/OnsenUI

open Tabbar checkbox label issue #2604

Can you make an example showing what you have so far using https://onsen.io/playground/ please? Then post it here and I will be able to show where it is going wrong.

I think the problem with your code is that ons.createElement should take a string of a single element, but the storageHelp string is made of multiple elements ("<ons-list-item>...</ons-list-item>;<ons-list-item>...</ons-list-item>;").

Instead you should make storageHelp an array of strings (one item in the array for each list item from the AJAX call). Then map the array with ons.createElement and append the results.

This should be the same as normal JavaScript. I haven’t tried it out, but I’m pretty sure this will work: https://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page

Hi Martin,

If you’re using ES modules you can just import the components that you need. Take a look here to see how to do that: https://onsen.io/v2/guide/appsize.html#reducing-app-size

We are working on the documentation. I don’t have this book though so it’s unlikely that examples will be taken from it.

As far as I know, there is no platform limitation on using Monaca Backend. Please let us know how you get on with Monaca Backend in the browser.