Pane + has-header keeps 0 to top position


#1

Hi,

I’m trying to display a pane into a tab in order to have 3 row with 33% of height.
In my ion-view, I tried:

< div class=“pane has-header” >

In the dom explorer, I can see the two classes but it seems pane win against has-header to set its top position to 0 (instead of 44px)

Am i wrong somewhere?

Thanks


#2

Are you using ion-content in the view? ion-content should automatically have the has-header class added.

Here is a codepen example: http://codepen.io/brandyshea/pen/gpwRVx


#3

Hum, no, here is my view

<ion-view view-title="Choose a city" id="cities">
  <div class="pane">
    <div class="row">
      <div class="col">
        <a ng-click="test()">
          <img src="../img/cities/ny.jpg">
          <div class="overlay">
            <span>New York</span>
          </div>
        </a>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <img src="../img/cities/la.jpg">
        <div class="overlay">
          <span>Los Angeles</span>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <img src="../img/cities/paris.jpg">
        <div class="overlay">
          <span>Paris</span>
        </div>
      </div>
    </div>
  </div>
</ion-view>

I’ll give it a try, thanks