ColorPicker's Position

4 posts, 0 answers
  1. Jay
    Jay avatar
    4 posts
    Member since:
    Jun 2009

    Posted 08 Mar 2010 Link to this post

    Hi telerik,  
                 I use RadWindowA to open a new page,we just call it page NewPage,In page NewPage I have a colorpicker ,and I also need to open another RadwindowB in page NewPage, If I set colorpicker "position:relative;" then the RadwindowB can not cover the colorpicker in both IE7 and IE8,if I don's set that property ,It shows different in IE7 and IE8,you can see the attachment file,like the scenario of IE7,when I clicked the colorpicker,it go back to the right position,I hope in iE7 when page load ,the colorpicker in the right position,I'm wondering is there a solution.

    Regards,
    Jay Wang
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 11 Mar 2010 Link to this post

    Hello Jay,
    The RadColorPicker control uses elements with relative position. That is why, due to a bug in IE6 and IE7, in case the color picker is a child of another element with enabled scrolling (with overflow:auto for example), the color picker will not scroll with the rest of the content. The workaround for this problem, is to apply position to that parent element as well - for example, position:relative.

    The color picker has greater z-index value than the RadWindow control. For information on the z-indices that we use for RadControls and how to change the default z-indices, please refer to our online documentation.

    Best wishes,
    Tsvetie
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jay
    Jay avatar
    4 posts
    Member since:
    Jun 2009

    Posted 17 Mar 2010 Link to this post

    Hi Tsvetie ,
           That doesn't work,I've mentioned in my thread,if I set colorpicker's parent element "position:relative",colorpicker will over RadWindowB,and because I have two colorpicker,one should cover another,so I have to set their z-index property, I searched on the web,they say this is IE7's bug,Pls see the attachement
           
      
                                           <div style="float: left;"
                                               <div style="float: left;">  <telerik:RadTextBox ID="txtForeColor" runat="server" Width="88px" Enabled="true" 
                                                            TextMode="SingleLine" Skin="Office2007" ClientEvents-OnLoad="txtForeColor_OnLoaded" 
                                                            ClientEvents-OnValueChanged="txtForeColor_OnValueChanged"
                                                        </telerik:RadTextBox></div
                                                    <div style="float: left; position: relative; z-index: 3900;"
                                                        <telerik:RadColorPicker ID="cpForeColor" runat="server" ShowIcon="true" OnClientColorChange="cpForeColor_ChangeColor" 
                                                            Skin="Office2007" Preset="Default" OnClientLoaded="cpForeColor_OnLoaded" OnClientPopUpShow="OnClientPopUpShow"
                                                        </telerik:RadColorPicker> 
                                                    </div> 
                                                </div> 

  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 22 Mar 2010 Link to this post

    Hello Jay,
    In order to have the RadWindow control show over the RadColorPicker control, you need to set greater z-index for the window than 3900. For example:
    <div style="float: left;">
        <div style="float: left;">
            <telerik:RadTextBox ID="txtForeColor" runat="server" Width="88px" Enabled="true"
                TextMode="SingleLine" Skin="Office2007">
            </telerik:RadTextBox></div>
        <div style="float: left; position: relative; z-index: 3900;">
            <telerik:RadColorPicker ID="cpForeColor" runat="server" ShowIcon="true" Skin="Office2007"
                Preset="Default">
            </telerik:RadColorPicker>
        </div>
    </div>
    <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Style="z-index: 4000;">
    </telerik:RadWindow>

    In case you need additional help, please open a new support ticket and send me a simple running project that demonstrates your setup, together with detailed information on the steps I need to follow in order to reproduce the problem.

    Kind regards,
    Tsvetie
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top