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

RadColorPicker OVERLAPS the menu dropdown

2 Answers 86 Views
ColorPicker
This is a migrated thread and some comments may be shown as answers.
Raj Maverick
Top achievements
Rank 1
Raj Maverick asked on 21 Jul 2009, 04:53 PM
Hi Telerik,

    I have a problem with RadColorPicker as the ICON overlaps the ASP Menu Dropdown and hides the menuitems. Below is a link of the screenshot edited for you to understand the issue. Please have a look into it.

http://img520.imageshack.us/i/radcolorpicker.png/

Also, the colorpicker tag i have given in the design page is

<telerik:RadColorPicker runat="server" ID="RadColorPicker" ShowIcon="true">

Do I have to add anything to make it look perfect (i.e.,) It does not overlap the ASP menu dropdown. Or is this a bug from your side?

Hoping to get an early reply.

Thank you in Advance.

Cheers,
Raj Maverick.

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 23 Jul 2009, 09:34 AM
Hi Raj,

One suggestion will be to place the asp menu in a div and set the z-index property for the div to a high value as shown below.

ASPX:
 
<div id="Div1" > 
        <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"   > 
 
            <Items> 
                <asp:MenuItem Text="one" Value="one"   > 
                    <asp:MenuItem Text="oneone" Value="oneone"></asp:MenuItem> 
                    <asp:MenuItem Text="onetwo" Value="onetwo"></asp:MenuItem> 
                    <asp:MenuItem Text="onetr" Value="onetr"></asp:MenuItem> 
                </asp:MenuItem> 
                <asp:MenuItem Text="two" Value="two"></asp:MenuItem> 
                <asp:MenuItem Text="three" Value="three"
                  <asp:MenuItem Text="oneone" Value="oneone"></asp:MenuItem> 
                    <asp:MenuItem Text="onetwo" Value="onetwo"></asp:MenuItem> 
                    <asp:MenuItem Text="onetr" Value="onetr"></asp:MenuItem> 
                </asp:MenuItem> 
            </Items> 
        </asp:Menu> 
     </div> 
       
        <telerik:RadColorPicker ID="RadColorPicker1"  runat="server" ShowIcon="true" Preset="Standard"  > 
        </telerik:RadColorPicker> 
      


Style.Css:
 
<head runat="server"
    <title>Untitled Page</title> 
    <style type="text/css"
 
      div { z-index: 9999; } 
    
    </style> 
</head> 


Thanks
Shinu

0
Raj Maverick
Top achievements
Rank 1
answered on 24 Jul 2009, 12:59 PM
Hi Shinu,

    Thank you for your prompt and precise answer!

    But this does not reflect if the browser is Mozilla Firefox. Please Help me in fixing that issue too!

Cheers,
Raj Maverick.
Tags
ColorPicker
Asked by
Raj Maverick
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Raj Maverick
Top achievements
Rank 1
Share this question
or