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 Answers, 1 is accepted
Rank 1
@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;}
Rank 1
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.