This is a migrated thread and some comments may be shown as answers.

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

8 Answers 329 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Austin
Top achievements
Rank 1
Austin asked on 13 Oct 2010, 09:50 PM
<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.

8 Answers, 1 is accepted

Sort by
0
Accepted
Martin
Telerik team
answered on 19 Oct 2010, 11:18 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Austin
Top achievements
Rank 1
answered on 19 Oct 2010, 04:44 PM
Thanks!  I will give that a try.  What is the easiest way to determine what CSS is being applied to a given control?
0
Martin
Telerik team
answered on 22 Oct 2010, 03:55 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Somnath
Top achievements
Rank 1
answered on 08 Jun 2012, 03:19 PM

<

 

 

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.

 

0
Martin
Telerik team
answered on 12 Jun 2012, 03:03 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
brian
Top achievements
Rank 1
answered on 14 Jun 2012, 09:46 PM
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.

0
brian
Top achievements
Rank 1
answered on 27 Jun 2012, 02:31 PM
?

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?
0
Martin
Telerik team
answered on 02 Jul 2012, 08:12 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Calendar
Asked by
Austin
Top achievements
Rank 1
Answers by
Martin
Telerik team
Austin
Top achievements
Rank 1
Somnath
Top achievements
Rank 1
brian
Top achievements
Rank 1
Share this question
or