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

RadColorPicker scrolling in compatibility mode is on

3 Answers 106 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Balaji
Top achievements
Rank 1
Balaji asked on 17 Feb 2012, 07:45 AM
Hi,

 When i insert  a Radcolorpicker control in Advance form. If i checked the recurrence checkbox and i try to scrolling the form, it moves the
radcolorpicker control. I tried to changes the position property even though it is not working. The happens only in IE with compatibility mode is on.

Can anyone help me to sort out this problem.



Thanks.

3 Answers, 1 is accepted

Sort by
0
Slav
Telerik team
answered on 20 Feb 2012, 03:38 PM
Hi Balaji,

The behavior that you have described is caused most probably by a known positioning bug under IE6/7 that is described in this article. Overall, the RadColorPicker control is positioned relatively in your page and it is placed inside a wrapper element that has a CSS property overflow applied. In order to alter this behavior, you should find the container with overflow and add position:relative to its styles.

Regards,
Slav
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
0
Balaji
Top achievements
Rank 1
answered on 22 Feb 2012, 05:40 AM

Hi,

I tried to fixed the position as relative and overflow is auto, but even though i got the same issue which is not fixed. It is scrolling when i try to scroll the form. Here i attached a screen shot of this issue in my page.
It is only n compatiblity mode is on.

Can you please help me to sort out this problem. Plz find the attachment.

0
Slav
Telerik team
answered on 24 Feb 2012, 05:21 PM
Hi Balaji,

It appears that you have placed the RadColorPicker in the Advanced edit form of a RadScheduler.  I have attached a screen capture that demonstrates the previously suggested fix in one of the local demos, which I have modified in order to reproduce the problem. The CSS class which I pointed out in the video, rsAdvOptionsScroll, contains the overflow property. If your are using the same structure for the Advance edit form, you can fix this behavior by adding the following CSS class in the head section of your page:
.RadScheduler .rsAdvancedEdit .rsAdvOptionsScroll
{
    position: relative;
}

If the setup of your form is different or you are still having difficulties after applying the style above, please provide the structure of the Advanced form, which is used in your actual project so that I can examine it locally and suggest an according solution.

All the best,
Slav
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
General Discussions
Asked by
Balaji
Top achievements
Rank 1
Answers by
Slav
Telerik team
Balaji
Top achievements
Rank 1
Share this question
or