ColorPicker within RadSplitter stays static on the page when scrolling

4 posts, 0 answers
  1. Jonathan
    Jonathan avatar
    92 posts
    Member since:
    Feb 2007

    Posted 05 Dec 2008 Link to this post

    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.
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 05 Dec 2008 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jonathan
    Jonathan avatar
    92 posts
    Member since:
    Feb 2007

    Posted 05 Dec 2008 Link to this post

    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.
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 05 Dec 2008 Link to this post

    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.
Back to Top