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

9 posts, 1 answers
  1. Austin
    Austin avatar
    13 posts
    Member since:
    Apr 2009

    Posted 13 Oct 2010 Link to this post

    <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.
  2. Answer
    Martin
    Admin
    Martin avatar
    811 posts

    Posted 19 Oct 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Austin
    Austin avatar
    13 posts
    Member since:
    Apr 2009

    Posted 19 Oct 2010 Link to this post

    Thanks!  I will give that a try.  What is the easiest way to determine what CSS is being applied to a given control?
  5. Martin
    Admin
    Martin avatar
    811 posts

    Posted 22 Oct 2010 Link to this post

    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
  6. Somnath
    Somnath avatar
    5 posts
    Member since:
    Jun 2012

    Posted 08 Jun 2012 Link to this post

    <

     

     

    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.

     

  7. Martin
    Admin
    Martin avatar
    811 posts

    Posted 12 Jun 2012 Link to this post

    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.
  8. brian
    brian avatar
    36 posts
    Member since:
    Jul 2010

    Posted 14 Jun 2012 Link to this post

    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.

  9. brian
    brian avatar
    36 posts
    Member since:
    Jul 2010

    Posted 27 Jun 2012 Link to this post

    ?

    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?
  10. Martin
    Admin
    Martin avatar
    811 posts

    Posted 02 Jul 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017