Toggle track size

@appyapp wrote:

Hi all !

I am creating a form in my app with various fields and a toggle button.
First, I used normal HTML5 to do that but then I decide to use the toggle component delivered by Ionic.
So, I reused the code from the documentation and readapt it to my needs :
<ion-toggle ng-model="myposition" toggle-class="toggle-positive">Use my position</ion-toggle>

The toggle button shows well at the exception of the size of the track.
In the html, my toggle button shows as the following:

<div class="item item-toggle toggle-small ng-valid" ng-model="myposition" style="">
<div ng-transclude="">
<span>Use my position</span>
</div>
<label class="toggle disable-user-behavior">
<input type="checkbox" ng-model="myposition" class="ng-pristine ng-untouched ng-valid">
<div class="track">
<div class="handle">
</div>
</div>
</label>
</div>

My problem is the toggle-small tag. In the example in the documentation (the list of toggles example), this tag is remplaced by toggle-large.
I would like to know how to change toggle-small to toggle-large knowing that I didn't decide to use that class in my code ?
By the way, adding toggle-class="toggle-large" to the ion-toggle doesn't work...
Thanks in advance.

Posts: 1

Participants: 1

Read full topic