RadMenu Inside DIV Does Not Display Properly

2 posts, 0 answers
  1. Elmer Boutin
    Elmer Boutin avatar
    3 posts
    Member since:
    Jul 2008

    Posted 17 Mar 2011 Link to this post

    I have a vertical RadMenu sandwiched between 2 DIVs which each display an image. I have the menu stuck in a third DIV which should expand to fix the menu and still allow the images to display.

    <div id="MenuBarTop"></div> 
    <div id="MenuBarMiddle">
        <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" EnableEmbeddedSkins="false" Skin="WIContract">
        <telerik:RadMenuItem Text="Our Products" NavigateUrl="Default.aspx"></telerik:RadMenuItem>
        <telerik:RadMenuItem Text="The Standards" NavigateUrl="c-16-the-standards.aspx" Target="_blank"></telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Performance<br />Laminate" NavigateUrl="/Laminate/Performance/" CssClass="customClass">
            <telerik:RadMenuItem Text="Fire Rated" NavigateUrl="/Laminate/Performance/"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Chemsurf" NavigateUrl="/Laminate/Performance/"></telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Decorative Edges" NavigateUrl="WilsonartDecorativeEdges_Brochure.pdf"></telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Laminate-Clad<br>Interior Doors" NavigateUrl="/Laminate/LaminateCladDoors/"></telerik:RadMenuItem>
    <div id="MenuBarBottom"></div>

    It should look something like the attached image "menu-original.jpg."

    Unfortunately, the bottom DIV is buried behind the menu because the menu lies on top of the whole thing, resulting in what you see in the attached image called "menu-now.jpg." 

    I tried playing with z-index in the style sheets as well as adding another <DIV> tag to wrap the menu, but I can't seem to get this working the way I want. Can anyone please suggest a way to get this to look as I want it to?

    Thanks in advance.
  2. Kate
    Kate avatar
    1898 posts

    Posted 18 Mar 2011 Link to this post

    Hello Elmer Boutin,

    Can you provide a live url or open a support ticket and send us a running project with the code and all the css files and images that you apply to the menu, so we can help you achieve the desired look of the menu?

    Best wishes,
    the Telerik team
Back to Top