RadDatePicker - Icon Randomly Invisible

3 posts, 0 answers
  1. David
    David avatar
    2 posts
    Member since:
    Aug 2017

    Posted 04 Aug Link to this post

    I am using RadDatePicker identically on several different pages. However, the Calendar icon shows on some pages, and not on others. Digging deeper, I discovered these invisible ones have the following CSS:

    .RadInput a {
     display:block;
     overflow:hidden;
     position:relative;
     outline:0;
     z-index:2;
     text-indent:-2222px;
     text-align:center;
     text-decoration:none
    }

    Disabling the indent makes the icon visible again. What is the reason for this behavior, and how can I fix it?

  2. Dan
    Dan avatar
    36 posts
    Member since:
    Oct 2013

    Posted 15 Aug Link to this post

    @David
    I experiencing the exact same behavior (Telerik.Web.UI 2016.3.1027.45 ). And I just found a work around.

    We simply have to 'override' this inherited (Telerik) style.

    I inserted the following in my primary style sheet:

    .RadPicker .rcSelect * {text-indent:0px;} 
  3. David
    David avatar
    2 posts
    Member since:
    Aug 2017

    Posted 15 Aug Link to this post

    That's a good idea. In our case, we found what seems to be the issue. 

    We had some pages with the RadTextBox without the Render set. We also had the RadDatePicker, with the Render set to LightWeight. I found that changing all the controls to explicitly have LightWeight fixed the issue. This seems to be caused by JavaScript within Telerik.

Back to Top