Hi,

Is there a way to configure the slider to display vertically in os11 for mobile. I see there is an advanced format setting but am unsure on the syntax to use

Thanks

Mark

Solution

Hi Mark,

The slider uses the following libary: https://refreshless.com/nouislider/examples/

So if you add the following to AdvancedFormat property of the slider, you will have the orientation set to vertical:

"{
    orientation: 'vertical'
}"

I tried it, but the result was not correct, when I inspected the generated HTML I noticed I had to tweak the html as follow (i had to set the height of the generated slider html to a value (i set it to 500px) to show correctly

You can fix this by adding the following css to your screen, set the height to the height of your choice

SyntaxEditor Code Snippet

.noUi-vertical {
    height: 500px;
}

Regards,

Daniel

Solution

Hi Daniel,

Thanks for the prompt reply and clear explanation. 

Worked perfectly!

Cheers

Mark