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

RadMenu Inside DIV Does Not Display Properly

1 Answer 58 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Elmer Boutin
Top achievements
Rank 2
Elmer Boutin asked on 17 Mar 2011, 10:43 PM
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">
    <Items>
    <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">
        <items>
        <telerik:RadMenuItem Text="Fire Rated" NavigateUrl="/Laminate/Performance/"></telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Chemsurf" NavigateUrl="/Laminate/Performance/"></telerik:RadMenuItem>
        </items>
    </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>
    </Items>
    </telerik:RadMenu> 
</div>
<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.

1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 18 Mar 2011, 10:44 AM
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,
Kate
the Telerik team
Tags
Menu
Asked by
Elmer Boutin
Top achievements
Rank 2
Answers by
Kate
Telerik team
Share this question
or