15 Mar
2010
15 Mar
'10
7:49 a.m.
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
15 Mar
15 Mar
8:07 a.m.
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 <mengxwu(a)yahoo.com>
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
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
8:13 a.m.
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
11:21 p.m.
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 <mariusdumitru.florea(a)xwiki.com>
To: XWiki Users <users(a)xwiki.org>
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
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
16 Mar
16 Mar
12:50 a.m.
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.
Milind
----- Original Message ----
From: Marius Dumitru Florea
<mariusdumitru.florea(a)xwiki.com>
To: XWiki Users <users(a)xwiki.org>
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
href="mailto:users@xwiki.org">users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
1:37 a.m.
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 ----
--
Sergiu Dumitriu
http://purl.org/net/sergiu/
From: Marius Dumitru
Florea<mariusdumitru.florea(a)xwiki.com>
To: XWiki Users<users(a)xwiki.org>
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
5352
days inactive
5353
days old
5 comments
5 participants
participants (5)
-
Jeremie BOUSQUET -
Marius Dumitru Florea -
Meng Wu -
Milind Kamble -
Sergiu Dumitriu