RadColorPicker OVERLAPS the menu dropdown

3 posts, 0 answers
  1. Raj Maverick
    Raj Maverick avatar
    12 posts
    Member since:
    Jul 2009

    Posted 21 Jul 2009 Link to this post

    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. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Jul 2009 Link to this post

    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

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Raj Maverick
    Raj Maverick avatar
    12 posts
    Member since:
    Jul 2009

    Posted 24 Jul 2009 Link to this post

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