Content that slides under the header


#1

Hey,

I have a little problem :slight_smile: my content that slides under the header.
And yet I use the example of the documentation.

 <div class="bar bar-header">
  <div class="h1 title">Radio Button List</div>
</div>

<div class="content has-header">

  <div class="list">

    <label class="item item-radio">
      <input type="radio" name="group" value="go" checked="checked">
      <div class="item-content">
        Go
      </div>
      <i class="radio-icon ion-checkmark"></i>
    </label>

    <label class="item item-radio">
      <input type="radio" name="group" value="python">
      <div class="item-content">
        Python
      </div>
      <i class="radio-icon ion-checkmark"></i>
    </label>

    <label class="item item-radio">
      <input type="radio" name="group" value="ruby">
      <div class="item-content">
        Ruby
      </div>
      <i class="radio-icon ion-checkmark"></i>
    </label>

    <label class="item item-radio">
      <input type="radio" name="group" value=".net">
      <div class="item-content">
        .Net
      </div>
      <i class="radio-icon ion-checkmark"></i>
    </label>

    <label class="item item-radio">
      <input type="radio" name="group" value="java">
      <div class="item-content">
        Java
      </div>
      <i class="radio-icon ion-checkmark"></i>
    </label>

    <label class="item item-radio">
      <input type="radio" name="group" value="php">
      <div class="item-content">
        PHP
      </div>
      <i class="radio-icon ion-checkmark"></i>
    </label>

  </div>

</div>

Thank you for help


#2

You have a bug here :

<div class="content has-header">

It should be :

<div class="content" has-header="true">


#3

Really, perhaps you should just be using:

<content has-header="true">.....</content>


#4

Thank you very much I stupidly copied the documentation.