Vertical Slider

[binfchParticipant]

Hi there

The following slider does apear upside down:

$('#divSliderVolume').jqxSlider({ width: '10px', height: '150px', theme: 'energyblue', orientation: 'vertical', showButtons: false, min: 30, max: 100, showTicks: false, mode: 'fixed', step: 10, value: 50 });

1) How do I manage to have the small value (30) at the bottom and the higher value (100) at the top?

2) is there any example how to format the slider to look similar to an iPhone one?

Thanks,
P.

[MinkoBlocked]

Hello,

To have the smallest value at the bottom you can use the following workaround:

$('#jqxSlider').bind('change', function (event) {
    var val = $('#jqxSlider').jqxSlider('max') - event.args.value;
});

Take a look at the custom Slider theme here: Slider with Custom Theme

Download Demo: slider_demo.zip

Best regards,
Minko.

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts