ColorPicker within RadSplitter stays static on the page when scrolling

[Jonathan]

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.

[Svetlina Anati]

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.

[Jonathan]

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.

[Svetlina Anati]

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
{
  position: relative;
}
</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.