3. Define <ons-tab> content inline (without a page template)?

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.

Define <ons-tab> content inline (without a page template)?

  • J

    Is it possible to specify the content of an <ons-tab> element inline? i.e. without specifying a page attribute?
    I’m trying to create dynamic tab pages during a ons-page init event.

    It would be idea to specify tab content like this, so I can use jQuery to add the required tab content elements at runtime:

    <ons-tabbar swipeable position="auto" hide-tabs="true" id="tab">
  <ons-tab label="Tab 1">
    <ons-page>
      tab 1 data here
    </ons-page>
  </ons-tab>

  <ons-tab label="Tab 2">
    <ons-page>
      tab 2 data here
    </ons-page>
  </ons-tab>
</ons-tabbar>
    0
  • E
    administrators

    As far as I can see, the only way to specify the page is with the page attribute. The inline content is the content of the tab itself, not the page the tab points to.

    According the ons-tab docs, the page attribute can only be specified during initialisation i.e. changing it dynamically won’t do anything. Since this is the case I’m not sure it’s currently possible to create dynamic tab pages.

    0
    J
     1 Reply
  • J

    @emccorson Thanks for the reply.

    .

    According the ons-tab docs, the page attribute can only be specified during initialisation i.e. changing it dynamically won’t do anything. Since this is the case I’m not sure it’s currently possible to create dynamic tab pages.

    That’s what I’ve found. Surely this is a common use case?

    0