Hello, I think it has to do with the CSS styles you use for the menu. I believe the popup menu should be drawn with position absolute, and appropriate z-index to appear above the rest of the layers. In this case it should not be cut off by the panel. Jeremie 2010/3/15 Meng Wu <[email protected]>

Hey,

I'm trying to implement a vertical dropdown menu on one of my panels using CSS, but the extended popout submenu that appears on the side when the cursor hovers over the link gets cut off by the edge of the panel, so most of my submenu doesn't show up. This happens because the menu and submenu are part of the Panel document (SpaceLinks), so the extended submenu can't appear out of this panel document. Has anyone encountered this problem before and is there a simple solution?

The source code for XWiki has this line of html for one of the already-existing dropdown menus of the Wiki:

<div class="topmenuentry dropdownmenuentry hasIcon" onmouseover="showsubmenu(this);" onmouseout="hidesubmenu(this);" id="tmWiki">

Does the solution have something to do with onmouseover? I'm stumped. Any help would be greatly appreciated.

Thanks,

Felix

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

Hey, Thanks for the tips. The problem, however, was because the .xwikipanelcontent CSS class was hiding the overflow content in the panels. So I simply had to respecify the .xwikipanelcontent CSS class with "overflow: visible;" so that the pop out dropdown menus would show up. Thanks! Felix ----- Original Message ---- From: Marius Dumitru Florea <[email protected]> To: XWiki Users <[email protected]> Sent: Mon, March 15, 2010 2:13:28 AM Subject: Re: [xwiki-users] Dropdown Menu on Panel cut off Hi Felix, [snip]

This happens because the menu and submenu are part of the Panel document (SpaceLinks), so the extended submenu can't appear out of this panel document.

No. I think you're mixing the notion of an HTML document with the notion of an XWiki document. Even though the panels are separate XWiki documents, when a page is rendered the HTML representation of the panels and the HTML representation of the page content are included in the same HTML document. I think you just have to play with the CSS (position, z-index) as Jeremie said. Hope this helps, Marius _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

On 03/16/2010 12:50 AM, Milind Kamble wrote:

Felix and I work in the same organization. We figured out that the reason the submenu was getting cut off was due to the overflow property of xwikipanelcontents being set as hidden in colibri.css (that is the skin we are using). When we set it to visible, the submenu worked beautifully. We can share the tweak we did in the QuickLinks panel, and the associated style sheet overrides once we get it rolled out into our wiki.

The overflow: hidden is set intentionally, so that extra long content doesn't overflow, breaking the layout.

Milind

----- Original Message ----

...

From: Marius Dumitru Florea<[email protected]> To: XWiki Users<[email protected]> Sent: Mon, March 15, 2010 2:13:28 AM Subject: Re: [xwiki-users] Dropdown Menu on Panel cut off

Hi Felix,

[snip]

...

This happens because the menu and submenu are part of the Panel document (SpaceLinks), so the extended submenu can't appear out of this panel document.

No. I think you're mixing the notion

...

of an HTML document with the notion of an XWiki document. Even though the panels are separate XWiki documents, when a page is rendered the HTML representation of the panels and the HTML representation of the page content are included in the same HTML document.

I think you just have to play

...

with the CSS (position, z-index) as Jeremie said.

Hope this

...

helps, Marius

-- Sergiu Dumitriu http://purl.org/net/sergiu/