This morning I migrated from the old 2010 Q1 version of ASP.NET AJAX to the just released 2012 Q2. All seems it's working fine, faster I think, but I have the following visualization trouble with RadDatePicker using the same stylesheets as 2010 Q1, I don't change anything.
I don't use embedded stylesheets, it was the same stylesheets unembedder because we'd like to change some things, but in other controls.
Regards.
9 Answers, 1 is accepted
The issue is replicated on our side. It is already reported to our developers and they are investigating it.
In the meantime, could you use the following CSS workaround
* + html body span.riSingle input[type=
"text"
].riTextBox
{
margin-top
:
0
;
}
Please check it out and let me know how it goes.
Greetings,
Galin
the Telerik team

Could you be a bit more specific as to how I would use this CSS workaround. Where do I put the code you suggest and how do you action it.
Many thanks
Dennis Constantinou
You should place it in the header section or in a external CSS file.
All the best,
Galin
the 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:
<style type="text/css">
* + html body span.riSingle input[type="text"].riTextBox
{
margin-top: 0;
}
</style>
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?
Thanks,
Ashish
The issue with the top border is fixed in Q2 SP2, which will be available to download tomorrow.
Also, the wrong width and EnableSingleInputRendering to false is new issue for us and will be fixed in the next internal build. In the meantime, could you use the following CSS rule
span.RadInput
{
width
:
auto
;
}
I hope this helps.
All the best,
Galin
the Telerik team

Thanks for replying on this issue. I have tried the workaround that you have provided but it didn't work for us.
We are still facing the same issue, as I have described in my previous post.
As you have said, that the issue with the top border will be fixed in Q2 SP2, which will be available to download tomorrow. Kindly provide the link to download the same.
Thanks for helping on this,
Ashish
You can check out this blog post:
http://blogs.telerik.com/blogs/posts/12-09-14/new-version-released-download-telerik-s-asp-net-ajax-controls-q2-2012-sp2.aspx
I hope this helps.
Greetings,
Galin
the Telerik team

I am using IE 9.
Interesting to note: one of my pages has the RadDatePicker rendered initially "disabled." When I use AJAX to "enable" the controls, the right border of the input field is drawn. Subsequent disable/enable of the control always draws the right border. Just FYI.
Is there any work-around for this issue? I have tried some of the CSS in other "size issue" posts in this forum, but none have worked.
Thank you,
Carmen
I am afraid the issue you are facing is not replicable on my side. Could you please give me more details on what you are trying to achieve or possibly a small running project that I can use to reproduce the case.
Alternatively a live URL will help me as well.
Greetings,
Galin
the Telerik team