How to change orientation of jQuery UI Slider

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.
SHARE

Nothing shocks me, I'm a Software Engineer. And I am not young enough to know everything. I live in World Wide Web and from there take care of this website. This website communicates about my work, learning and experience. I believe life is short, and it is for loving, sharing, learning and connecting. So lets connect..