How to Hide a slider using javascript

[Kalyani Mantripragada]

Hi, is it possible to set the visibility property of the slider using javascript?

A server side property  Visible =false  (below), is working fine.


<telerik:RadSlider ID="radSlPrice" runat="server" IsSelectionRangeEnabled="True" Width=170px TabStop=true 

                MaximumValue="1000000" SelectionEnd="1000000" Skin="Office2007" SlideStep="500"
Visible =false   OnClientValueChanging="OnClientValueChanging" OnClientValueChanged="OnClientValueChanged" OnClientSlideStart="OnClientSlideStart" OnClientSlideEnd="OnClientSlideEnd"   ShowDecreaseHandle=false ShowIncreaseHandle =false >

            </telerik:RadSlider>

I need to hide the slider for certain cases on my web page. Please advise.

thanks

[Svetlina Anati]

Hi Kalyani Mantripragada,

 I already answered your other thread and for your convenience and for others who might have the same question, I pasted my reply below:

The RadSlider control can be hidden and shown by wrapping it in a DIV element and changing its display. Note, that you should also call its method repaint:

Copy Code

    function ToggleVisibility()
    {
        var divElem = $get('wrapper');
        divElem.style.display = divElem.style.display == "none" ? "" : "none";
        $find("radSlPrice").repaint();
    }
</script>
<div id="wrapper">
    <telerik:RadSlider ID="radSlPrice" runat="server">
    </telerik:RadSlider>
</div>
<button id="btn" onclick="ToggleVisibility(); return false;">
    Show/Hide slider
</button>

Regards,
Svetlina
the Telerik team