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