When working with the
layout component, we should be aware of the pitfalls of menus and dialogs inside layout units. Beginners often face overlap issues and try to find several workarounds. In fact, there are easy solutions available.
In this recipe, we will show how to overcome these issues. We will integrate
p:dialog into layout units.
Let's assume that we have a full-page layout with two layout units,
north unit contains a
menubar component with quite normal options: