Why is segment class not showing



  • I created a pen using the onsenui css and js.

    Everything looks ok, until the segment tag is reached and then nothing is rendered correctly.

    ```
    <div id="main-segtabbar" class="segment tbar">
        <div class="segment__item">
          <input type="radio" class="segment__input" name="segment-a" checked></input>
          <button class="segment__button">One</button>
        </div>
        <div class="segment__item">
          <input type="radio" class="segment__input" name="segment-a"></input>
          <button class="segment__button">Two</button>
        </div>
        <div class="segment__item">
          <input type="radio" class="segment__input" name="segment-a"></input>
          <button class="segment__button">Three</button>
        </div>
    </div>
    <ons-card id="crd1">
        <div class="title">One</div>
        <div class="content">
          showing messages for one.
        </div>
    </ons-card>
    ```
    

    In the Monaca cloud IDE the same code works fine. See image.

    0_1505773628848_segmentTabBar.jpg


  • Onsen UI

    @Moshe-Flam That pen is using CSS from Onsen UI v1.3.11. You are probably using the new one in Monaca IDE. Just update the codepen.



  • @Fran-Diox said:

    ate the codep

    That was the problem! Thanks.


Log in to reply