This is a migrated thread and some comments may be shown as answers.

RadDatePicker upper border line not displayed

9 Answers 112 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Jesús
Top achievements
Rank 1
Jesús asked on 09 Aug 2012, 02:09 PM
Hi.

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

Sort by
0
Galin
Telerik team
answered on 14 Aug 2012, 01:45 PM
Hi Jesús,


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

Copy Code
* + 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
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.
0
Xenophon
Top achievements
Rank 1
answered on 15 Aug 2012, 10:47 AM
Hi Galin

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
0
Galin
Telerik team
answered on 15 Aug 2012, 11:35 AM
Hello Dennis,

You should place it in the header section or in a external CSS file.

All the best,
Galin
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.
0
Ashish
Top achievements
Rank 1
answered on 05 Sep 2012, 12:41 PM
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:

<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

0
Galin
Telerik team
answered on 12 Sep 2012, 08:57 AM
Hi 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
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.
0
Ashish
Top achievements
Rank 1
answered on 12 Sep 2012, 04:14 PM
Hi Galin,

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
0
Galin
Telerik team
answered on 17 Sep 2012, 03:57 PM
Hi 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
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.
0
KK60
Top achievements
Rank 1
answered on 17 Sep 2012, 05:23 PM
I've just upgraded to V.2012.2.912.40 and I now have the issue where the right border of the input field on the RadDatePicker (with Calendar button) is not rendered on any page I use it on.

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
0
Galin
Telerik team
answered on 20 Sep 2012, 03:45 PM
Hello 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
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.
Tags
Calendar
Asked by
Jesús
Top achievements
Rank 1
Answers by
Galin
Telerik team
Xenophon
Top achievements
Rank 1
Ashish
Top achievements
Rank 1
KK60
Top achievements
Rank 1
Share this question
or