Primefaces Stack

by Online Tutorials Library July 14, 2022

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:

PrimeFaces Stack 1

When click on folder, it pops the elements.

PrimeFaces Stack 2

Next TopicPrimeFaces Steps

Primefaces Stack

PrimeFaces Stack

Example

JSF File

SSRS vs Power BI

Backtracking in Prolog

You may also like