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

ColorPicker within RadSplitter stays static on the page when scrolling

3 Answers 43 Views
ColorPicker
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Jonathan asked on 05 Dec 2008, 08:59 AM
Hi,

I am displaying several color pickers on a page which is located inside a page which is loaded into a RadSplitter.  When the page is scrolled, the color pickers do not scroll with the page and stay static on the screen where they were originally positioned.  I have tried to change the positioning of the pickers and the content page with no effect.  Can you please suggest a workaround for this?

Thanks.

3 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 05 Dec 2008, 01:44 PM
Hi Jonathan,

The solution in similar scenarios is to close the popup element when you start scrolling the RadPane. You can find a detailed explanation along with a sample working project here.


Regards,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jonathan
Top achievements
Rank 1
answered on 05 Dec 2008, 02:20 PM
Hi there,

Thanks for the reply.  This is not the same issue that I am referring to.  My issue is that my colorpicker is in icon mode and it is the icon of the color picker does not scroll with the page.  I am not concerned about the dropdown at the moment and am not even opening the colorpicker to get this issue.  Do you know how to solve this issue?

Thanks.
0
Svetlina Anati
Telerik team
answered on 05 Dec 2008, 02:54 PM
Hello Jonathan,

I now better understand the problem, it comes from positioning settings. In order to achieve the desired behavior you should set relative position to the parent RadPane of the RadColorPicker. The easiest way to do this is by declaring a CSS class and assign it to the RadPane's CSSClass property as shown below:

CSS (head) :

<style type="text/css">  
.ApplyPosition  
{  
  positionrelative;  
}  
</style> 


ASPX:

<telerik:RadPane ID="contentPane" runat="server" CssClass=ApplyPosition>  
 
                            <telerik:RadColorPicker ID="picker" runat="server" ShowIcon="true">  
                            </telerik:RadColorPicker> 
                          
 
 


Best wishes,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
ColorPicker
Asked by
Jonathan
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Jonathan
Top achievements
Rank 1
Share this question
or