RadDatePicker visibility

[Joao]

Why this wont work? any workaround?

Thanks
JL

document.getElementById('<%= rdpDataInicioContacto.ClientID %>').style.visibility = 'hidden';

OR

var dpi = document.getElementById('<%= rdpDataInicioContacto.ClientID %>');
var dpf = document.getElementById('<%= rdpDataFimContacto.ClientID %>');
dpi.style.display = "none";
dpf.style.display = "none";

[Gimmik]

Hi Joao,

Try it this way. I worked up a little example for how to do this both server-side and client-side. I personally prefer the client-side approach - JavaScript is our friend.

Here's some simple ASPX to create a RadDatePicker and two buttons.

<telerik:RadDatePicker Runat="server" ID="RadDatePicker1">
</telerik:RadDatePicker>
<telerik:RadButton ID="RadButton1" runat="server" Text="Toggle DatePicker Server-side" OnClick="RadButton1_OnClick">
</telerik:RadButton>
<telerik:RadButton ID="RadButton2" runat="server" Text="Toggle DatePicker Client-side" OnClientClicked="RadButton1_OnClick">
</telerik:RadButton>

Here's my client-side javascript.

function RadButton1_OnClick(sender, args) {

    var picked = $find("<%=RadDatePicker1.ClientID %>");
    picked.set_visible(!(picked.get_visible));

}

Here's my C# from the code-behind.

protected void RadButton1_OnClick(object sender, EventArgs e)
{

    RadDatePicker1.Visible = !(RadDatePicker1.Visible);
}

Hope this helps!
-Gimmik

[Princy]

Hello Joao,
You can achieve this by setting the RadDatePicker set_visible property to false. For getting the client object of RadControls you need to you $find() method.
Javascript:

function hide()
{
       var datePicker= $find('<%= RadDatePicker1.ClientID %>');
      datePicker.set_visible(false);
}

aspx:

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
</telerik:RadDatePicker>
<asp:Button ID="Btn1" runat="server" Text="Hide" OnClientClick="hide();" />

Thanks,
Princy.

[Joao]

Thank You, worked.

[Joao]

Hi, also a great option, thanks