ColorPicker's Position

[Jay]

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

[Tsvetie]

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.

[Jay]

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>

[Tsvetie]

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.