Menu flyout blocked when within layout

Components, Ajax Framework, Utilities and More.
Post Reply
jakorsme
Posts: 58
Joined: 10 Dec 2010, 02:43

01 Nov 2011, 23:47

When using a full-page layout.
When having a flyout-menu in the west position (left position).
The flyout is blocked by the width of the left layout border (the border between the left/west and center positions).
This feels unnatural.
As a user I would expect the flyout to overlap the border into the center content area.
I wouldn't feel that I should have to widen the left layout to accommodate all the possible flyout widths.
From a user perspective, the menu to be functional should occupy minimal width by default - just the width of the primary menu items.
Primefaces: 4.0
Primefaces-extensions: 1.1.0
JSF: 2.2

Glassfish 4
Netbeans 7.3

kukeltje
Expert Member
Posts: 8400
Joined: 17 Jun 2010, 13:34
Location: Netherlands

02 Nov 2011, 18:21

use css tricks like overflow to accomodate for this
Ronald van Kuijk
______________________________
PrimeFaces 5.2, PrimeFaces plus 0.0.2 | JbossWildfly 8.1| Mojarra 2.2.8
Fedora 21, Firefox 'most recent'
Read the forum posting rules
Beginners: https://jsf.zeef.com/bauke.scholtz

User avatar
optimus.prime
Prime
Posts: 17328
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

02 Nov 2011, 20:42

See complex layout demo.

jakorsme
Posts: 58
Joined: 10 Dec 2010, 02:43

03 Nov 2011, 04:30

Thank you for the quick help - I see that in the complex layout demo source that 'overflow' is used to allow the menu to overflow the top layout.
That is exactly the desired behavior.
Thanks
Primefaces: 4.0
Primefaces-extensions: 1.1.0
JSF: 2.2

Glassfish 4
Netbeans 7.3

Post Reply
  • Information
  • Who is online

    Users browsing this forum: Bing [Bot], Google [Bot], Yahoo [Bot] and 17 guests