Hello i want to create a vertical -not horizontal ion-range in capacitor 4. I followed the instructions here https://ionicframework.com/docs/api/range and i created a horizontal one but i want to create a vertical.

<ion-range (ionChange)="onIonChange($event)"></ion-range>
<ion-label>ionChange emitted value: {{ lastEmittedValue }}</ion-label>

Any ideas?

CodePudding user response：

ion-range elements are horizontal by default. your code here should result in a horizontal range, if it doesn't, probably some other parts of your code is messing with it. Check out your css files to find the problem.

If you mean vertical ranges, you can see my answer to this question.