Vertical slider needs to go from 0 - 100 instead of 100 - 0

Setup, Configuration and Use Items & Sitemaps
1

Hi all!

I want to control my rollershutters with a vertical slider. However, normally the scale runs from 100 at the top to 0 at the bottom.

image
image750×738 24.9 KB

It would be way more intuitive to run the scale from 0 at the top to 100 at the bottom. After all, they drop from the top down.

image
image745×710 24.8 KB

I tried setting the MIN value to 100 and the MAX to 0 which ‘created’ the last picture but then I am unable to move the slider up or down. It just stays down.

Anyone knows a work around? I could remove the numbers and just create a rule to invert values but I would really like the numbers to be there for the WAF :crazy_face:

Thanks in advance!

2

This sort of works:
image

Make the value -100 ?
image

1 Like
3

Well, you will need a transformation if doing so. A rollershutter item status is 0 to 100, not 0 to -100 :wink:

4

@ubeaut this does indeed work but honestly I don’t like it when the values have a ‘-’ in front of them.

If there is no solution, I’ll use a horizontal slider instead as I think the vertical one looks odd…

5

Try adding vertical-reversed: true to the slider config.

2 Likes
6

Yesss! That did the job. Thanks!

7

How do i reverse a horizontal slider?
horizontal-reversed: does not work.

8

I don’t believe there’s a built in option for reversing a horizontal slider. I guess the f7 devs just didn’t think there would be much call for another other than the standard left → right numbering scheme.

1 Like