Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > radmenu in master page overlaps radcombobox in content page
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered radmenu in master page overlaps radcombobox in content page

Feed from this thread
  • sf Intermediate avatar

    Posted on Jun 28, 2011 (permalink)

    I have an issue: the radmenu is placed in master page, and the radcombobox is in content page. When i click on radcombobox to open the dropdownlist, the list goes behind the radmenu.....
    I tried to set the radcombobox zindex to 8000 (default zindex for radmenu is 7000), no luck

    please help
    thanks in advance

  • Shinu MVP avatar

    Posted on Jun 29, 2011 (permalink)

    Hello,

    I have tried to reproduce the issue at my end but no avail. Here am posting the code which I tried and that worked as expected.
    aspx:
    MasterPage:
    MasterPage:
    <body>
        <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            </telerik:RadScriptManager>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
            <br />
     <telerik:RadMenu ID="RadMenu1" runat="server" Height="30px" Width="885px">
                <Items>
                    <telerik:RadMenuItem Text="Item1">
                        <Items>
                            <telerik:RadMenuItem Text="SubItem1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Text="SubItem2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Text="SubItem3">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Text="SubItem4">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Text="SubItem5">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item2">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item3">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </div>
    </form>

    Content Page:
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <br />
    <div style="z-index:1000">
        <telerik:RadComboBox ID="Combo1" runat="server" ZIndex="8000" EmptyMessage="select" Skin="Vista">
            <Items>
                <telerik:RadComboBoxItem Text="Text1" />
                <telerik:RadComboBoxItem Text="Text2" />
                <telerik:RadComboBoxItem Text="Text3" />
                <telerik:RadComboBoxItem Text="Text4" />
                <telerik:RadComboBoxItem Text="Text5" />
                <telerik:RadComboBoxItem Text="Text6" />
            </Items>
        </telerik:RadComboBox></div>
        <br />
    </asp:Content>

    Thanks,
    Shinu.

  • sf Intermediate avatar

    Posted on Jun 29, 2011 (permalink)

    I tried your solution, didnt work.
    My situation is more complicated sorry didnt give the full picture.
    the radcombobox is actually sitting inside a radgrid's edit template for one of the grid columns, and the radgrid sits within a div inside a View control of a MultiView control:

    Content Page > MultiView > View > Div > RadGrid > Columns > GridTemplateColumn > EditItemTemplate > RadComboBox

    I tried to set zindex on the div and on the radcombobox control, no luck

    thanks again

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > radmenu in master page overlaps radcombobox in content page