Chapter 3. Layout and Screen Blocking Components

The PrimeFaces Extensions team has introduced a controlled and enhanced Layout component, a scroll context component named Waypoint, and screen blocking components such as BlockUI and Spotlight to optimize web page design. The layout component is aimed at creating the templating mechanism in a JSF-based application, the Waypoint component is used for executing custom logic when scrolled to a particular component, and screen blocking components such as BlockUI and Spotlight are used to block a certain part of the web page.

In this chapter, we will cover the following topics:

• Creating pages based on the layout component and understanding their features

• Waypoint as a scroll context component and its features

• BlockUI and Spotlight screen blocking components and their features