PrimeFaces Stack

It is a navigation component that mimics the stacks features. The <p:stack> component is used to create stack of in JSF application.

Example

Here, in the following example, we are implementing <p:stack> component. This example contains the following files.

JSF File

// stack.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Stack</title>
</h:head>
<h:body>
<h:form>
<p:stack icon="/resources/images/portfolio.png">
<p:menuitem value="Java" icon="/resources/images/courses/java.png" />
<p:menuitem value="Spring" icon="/resources/images/courses/spring.png" />
<p:menuitem value="Python" icon="/resources/images/courses/python.png"/>
</p:stack>
</h:form>
</h:body>
</html>

Output: