Top and Bottom Tabs problem. Template broken

ionic-v1
1

Hello,
I’ve done a dirty things with tabs but it goes well so it’s not so important that, but this is important:
with “ionic serve” its’ all right:
image
with my iphone (also the simulator) no:
image

My questions are: Why and how to do now? I need the bottom tabs but i need also the 2 tabs on the top.

Here is the code of 1 tab (the page you see there):

            <ion-view title="#Instagram" class="view-tabs-top">
            <ion-nav-bar class="bar-cbn"></ion-nav-bar>

            <div class="tabs-striped tabs-top tabs-color-dark">
            <div class="tabs">
              <a class="tab-item active" href="#/tab/insta">
                <i class="icon ion-at"></i>
                Profilo Ufficiale
              </a>
              <a class="tab-item" href="#/tab/instatag">
                <i class="icon ion-pound"></i>
                Tag Ufficiale #CBN2015
              </a>
            </div>
          </div>
            <ion-content class="padding" style="background:url('http://www.campusbynight.it/img/34.jpg') no-repeat bottom center scroll; background-size:cover;padding-top:20px">
            PROFILO UFFICIALE BLABLA
            </ion-content>
              </ion-view>

What’s wrong?

2

Can you give the nighty builds a try?
I have a fix in there that should fix this for you.

3

This solved, Thanks!

1 Like