Checkbox element displaying label on top instead of right


#1

Hello

I am using the default checkbox element within ionic:

<ion-list>
  <ion-item>
    <ion-label>Pepperoni</ion-label>
    <ion-checkbox [(ngModel)]="pepperoni"></ion-checkbox>
  </ion-item>
</ion-list>

but the label (Pepperoni) is always displayed on top the checkbox, not on the right, like shown in the documentation.

I created a new blank app as well, the result is the same…
what am i doing wrong?

Thanks


#2

Hi Andreas,

I found this (http://ionicframework.com/docs/components/#checkbox):

<ion-list> <ion-checkbox ng-model="filter.red">Red</ion-checkbox> <ion-checkbox ng-model="filter.yellow">Yellow</ion-checkbox> <ion-checkbox ng-model="filter.pink">Pink</ion-checkbox> </ion-list>

So try without ion-label but put the label inside ion-checkbox.


#3

Hi - Thank you!

I found this tutorial:


and i guess, i just didnt recognize, it is about v2 (i am using 1)…

thanks again!