Hello Telerik Team,
I have used the RadDatePicker in my site at many places, and recently I have updated the Telerik version to “2012.2.724.35” and after that I am facing many design issues related to “RadDatePicker”.
Older Version we were using : 2011.1.519.35
New Version currently we are using : 2012.2.724.35
After upgrading the Telerik version, I have faced the following issue.
The upper border of the RadDatePicker is missing.
I have referred the Telerik forums and from there I got following solutions but after applying them, i still facing some issue.
Solution 1: When using following style:
* + html body span.riSingle input[type="text"].riTextBox
After appling the above css the upper border of RadDatePicker is visible but when the page renders, the right border of the DatePicker controls flickers and again goes back to original position. The same thing is happens on every page post back. Is there any way to avoid the Flickering of the right borders, so that it will look consistent.
When the page renders the RadDatePicker is looking like as shown in screenshot "1.png".
Solution 2: When using “EnableSIngleInputRendering” property:
Previously the RadDatePicker control has EnableSIngleInputRendering = “true” and width = “120px”, as we can see that the “upper border” of the control is not visible.
To resolve the “missing upper border” issue, I have set the the EnableSIngleInputRendering = “false” and kept the width = “120px” i.e. as it is but as we can see that although the “upper border” of the control is visible but the width is not as we have specified i.e. “120px” It is more than that. Please refer screenshot "2.png".
We have tried both the above solutions but didn’t get desired result. Is there any workaround for these scenario?