ion.rangeSlider icon indicating copy to clipboard operation
ion.rangeSlider copied to clipboard

How to set indentation for mobile version if grid text label has large value with suffix?

Open adminoid opened this issue 3 years ago • 3 comments

Please see the screen: image

I need to make label grid points in a mobile mode less frequently for normal display (to avoid interlaps).

adminoid avatar Apr 12 '21 04:04 adminoid

And one more thing... ionRangeSlider({values: scale(), ...}) where scale - function who returns array.

Thanks in advance!

adminoid avatar Apr 12 '21 06:04 adminoid

Yes, this is a bug on a small screens with too dense grid. Unfortunately all you can do:

  1. Provide alternative values array with less items.
  2. Use normal slider without values array. Use step instead and then you will be able to use grid_num param.

IonDen avatar Apr 12 '21 10:04 IonDen

Thank you very much! And another way - for small screen make grid: false, and in other cases grid: true,. But running ionRangeSlider constructor many times can be a load on the browser if screen width changes dynamically.

adminoid avatar Apr 12 '21 15:04 adminoid