Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Saloniq David
    3. Topics
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups

    Topics created by Saloniq David

    • 2 lists next to each other scrolling together.
      Onsen UI • • Saloniq David

      3
      0
      Votes
      3
      Posts
      2505
      Views

      A simple explanation is that by default, the scrolling element is the page content. By using overflow in the lists or columns you’ll allow them to scroll independently. ons-col and ons-row already use flexbox but you might need to add some custom properties.
    • Navigator erase stack possible ?
      Onsen UI • • Saloniq David

      8
      0
      Votes
      8
      Posts
      5268
      Views

      @Saloniq-David said: pageStack prop doesn’t seem to be going down from navigator to the page itself It’s just a prop for the navigator, it is not automatically passed down. You can do it by using the syntax described on the third page of this tutorial. this.pageStack = []; this.pageStack.push(page); The problem is how many pages there were before you reset the stack. If there was only 1 (the action would be “replace page”), I indeed found and fixed a bug for this situation. this.pageStack.length = 1; this.pageStack[0] = page; This is not very recommendable because it does not follow Vue’s reactivity rules. Might work for this but perhaps creates other issues :/ If you want to try the latest dev build (both onsenui and vue-onsenui), you can download it here.
    • Platform-specific styling classes?
      Onsen UI • • Saloniq David

      2
      0
      Votes
      2
      Posts
      1860
      Views

      @Saloniq-David Everything looks like iOS by default. Autostyling is adding a modifier="material" attribute to every component basically. At the same time, modifiers add custom classes like page--material or toolbar--material (elementName--modifierName). Therefore, you can easily select an element in CSS with .page.page--material for MD or .page:not(.page--material) for iOS. Alternatively, [modifier~=material] and :not([modifier~=material] would also work. ons.platform contains methods to change platform styling or detect the current platform.