Popup menu partially hidden - Web Splitter

Forum Discussions Web Splitter Popup menu partially hidden

12/17/2008 1:35 AM

	clindan
1 posts
No Ranking

Popup menu partially hidden

I have a splitter container with a header, a content and a footer area. A popup menu was put into the header area. But the popup menu went behind the content in the content area.

Any ideas?

Thx

Cruz

12/17/2008 8:43 AM

	ZettaCube Support
57 posts
No Ranking

Re: Popup menu partially hidden

Modified By ZettaCube Support on 4/3/2009 1:03:47 AM)

In short, in the WebSplitterPanel that contains the popup menu, please set the AllowPopup property to True.

Explanations:

Normally, the overflow style of a panel is set to auto. When there are too much content, scrollbars will be displayed on the panel. When a popup menu is displayed, and the area it occupies is outside of the panel, you have to scroll the panel in order to view the menu.

By setting AllowPopup to True, the overflow property of the panel, and its ancestor, is set to visible so that the menu can be displayed 'outside' of the panel area.

Beware that you should then make sure the content inside the panel should not overflow, otherwise they will be visible in adjacent panel and no scrollbar will be displayed.

Update: Please see the reply below for additional information regarding ASP.NET Menu control.

1/2/2009 10:57 PM

	ssampey
1 posts
No Ranking

Re: Popup menu partially hidden

This worked for me, but the borders of the splitters overlays the the menus. Is there anyway to prevent that?

1/3/2009 12:35 AM

	ZettaCube Support
57 posts
No Ranking

Re: Popup menu partially hidden

Modified By ZettaCube Support on 1/3/2009 1:35:24 AM)

Could you please send us a screen capture of the problem, and the associated .aspx file for our investigation?

Thanks

Technical Support

ZettaCube Limited

1/5/2009 2:27 AM

	ZettaCube Support
57 posts
No Ranking

Re: Popup menu partially hidden

Modified By ZettaCube Support on 1/5/2009 3:29:14 AM)

If you are using ASP.NET Menu control, in addition to setting AllowPopup to True, please enclose the Menu control with an extra DIV with a large z-index value so that the menu will always be on top of other page items.

E.g.

<div style="position:relative;z-index:100000"> 
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
    <Items>
         <asp:MenuItem Text="Item 1" Value="Item1">
            <asp:MenuItem Text="Sub-item 1.1" Value="SubItem1_1"></asp:MenuItem>
         </asp:MenuItem>

         ...

    </Items>
</asp:Menu>
</div>

Page 1 of 1

Forum

Discussions

Web Splitter

Popup menu partially hidden

ZettaCube Forum and Knowledge Base