RadDatePicker DatePopupButton displays default text "Open the calendar popup" whenever I assign any value to the cssClass property.

[Austin]

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

Whenever I assign any value to the DatePopupButton's CssClass property, the UI renders the default text for the button as a link instead of rendering the button image.

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');
    }
}

This works for all the UI so far... except the date picker popup button.  I really don't want to hard code any control names in this method because at some point I plan on even passing the name of the cssClass which we want to toggle.  Thus I want to keep this as a generic helper method that I can reuse as needed.

[Martin]

Hello Austin,

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

[Austin]

Thanks!  I will give that a try.  What is the easiest way to determine what CSS is being applied to a given control?

[Martin]

Hello Austin,

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

[Somnath]

<

 

 

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.

 

[Martin]

Hello Somnath,

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

[brian]

Same issue here.

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.

[brian]

?

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?

[Martin]

Hello brian,

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