May 2015
Beginner to intermediate
412 pages
8h 44m
English
The Sticky component is used to make another component stick to the top of the page once a user has scrolled past it. Hence, the sticky component requires a target component to keep it in the viewport on scroll.
In this recipe, we will demonstrate the usage of the p:sticky tag.
We would like to stick a select menu with a label as shown in this screenshot:

The select menu and the label are placed within h:panelGrid, which acts as the target component:
<h:panelGrid id="langGrid" columns="2" style="box-shadow: none;"> <p:outputLabel for="lang" value="Language: "/> <p:selectOneMenu id="lang"> <f:selectItem ...
Read now
Unlock full access