Learning jQuery

For your information, jQuery UI Slider by default renders in horizontal orientation. But yesterday one of my reader asked me that his requirement is to show slider in vertical orientation, not in horizontal orientation. So, I had provided him the solution and thought of sharing with all my readers as well.

jQuery UI Slider has a property called "orientation". And to change the orientation from Horizontal to Vertical, you can use this property. When this property is not set, then slider will be horizontal. But if you set "orientation: "vertical"" then slider will appear as vertical slider.

$(document).ready(function() {
   $("#sliderVer").slider({
        min: 0,
        max: 200,
        orientation: "vertical"
    });
});

See result below.

Feel free to contact me for any help related to jQuery, I will gladly help you.