This topic contains 1 reply, has 2 voices, and was last updated by  Minko 12 years, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Vertical Slider #3496

    binfch
    Participant

    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.

    Vertical Slider #3516

    Minko
    Blocked

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.