<
telerik:RadDatePicker
runat
=
"server"
ID
=
"rdpSomeName"
Width
=
"125px"
CssClass
=
"SomeCssClass"
>
<
DateInput
ID
=
"rdpSomeName_DateInput"
InvalidStyleDuration
=
"100"
runat
=
"server"
CssClass
=
"SomeCssClass"
>
</
DateInput
>
<
DatePopupButton
CssClass
=
"SomeCssClass"
/>
</
telerik:RadDatePicker
>
My goal is to access each element on the page with a given class name via jQuery and set the 'disabled' attribute accordingly:
function Set_CssClass_UI_Enabled(bool_Enable) {
//If we are told to ENABLE the UI set:
if (bool_Enable) {
$('.SomeCssClass').removeAttr('disabled');
}
else //Otherwise, DISABLE the UI set:
{
$('.SomeCssClass').attr('disabled', 'disabled');
}
}
8 Answers, 1 is accepted
The easiest approach would be to use your custom class in addition to the default skin class that the date popup button has:
<
telerik:RadDatePicker
runat
=
"server"
ID
=
"rdpSomeName"
Width
=
"125px"
CssClass
=
"SomeCssClass"
>
<
DateInput
ID
=
"rdpSomeName_DateInput"
InvalidStyleDuration
=
"100"
runat
=
"server"
CssClass
=
"SomeCssClass"
>
</
DateInput
>
<
DatePopupButton
CssClass
=
"rcCalPopup SomeCssClass"
/>
</
telerik:RadDatePicker
>
I hope this helps.
Regards,
Martin
the Telerik team

Note that the CSS styles that are applied to the control, depend on the currently selected skin. For more information on the matter, please review the RadCalendar's Appearance and Styling section in our online documentation. As to the CSS selectors themselves, I would suggest the following help article from the same section:
CSS Skin File Selectors
I hope this helps.
Regards,
Martin
the Telerik team

<
td width="155" class="label" style="white-space:nowrap;">E Date:</td>
<td width="150">
<telerik:RadDatePicker ID="txtEDatePartB" runat="server" MinDate="1900-01-01" AutoPostBack="false" Width="100px">
<ClientEvents OnDateSelected="OnEDateSelected" />
<DateInput ID="DateInput1" runat="server" onkeydown="EDateKeyDown(event)"
ClientEvents-OnError="OnEDateError"
ClientEvents-OnValueChanging="OnEDateValueChanging"
/>
</telerik:RadDatePicker>
<asp:Label runat="server" ID="lblPartB" Font-Bold="false" Text="Part B" />
</td>
Even I am facing this issue where the text "Open the calendar popup" get displayed instead if calendar icon. My date picker is part of user control and even master page is used. I considered different approaches from different thread viz cssClass, display : none over visible = false, <datepopupbutton settings but nothing is helpful.
I have noticed that the other thread that you have opened on the same topic have already been addressed. To avoid duplicate posts please continue the communication there.
All the best,
Martin
the Telerik team

Not hiding it at all. using Master Page, ajax'd radTabStrip... not rendering all tabs. If I go to the tab with the calendar on first, it works. If I go to another tab first, then the tab with the calendar it displays the text not the image.

The issue seems to be related to maximum style sheets in IE. We then switched to stylesheetmanager.
Now the issue is the page (multitab/tabstrip/master page) renders slowly?
To avoid duplicate posts on the same problem as well as pretty long threads discussing different issues I would suggest that:
- If the issue is the one that Somnath have reported please continue the communication in the other thread that was opened on the same topic.
- In case the problem is different please open a formal support ticket and provide more information on the exact scenario. Any sample code and / or sample page would be highly appreciated.
Greetings,
Martin
the Telerik team