Primefaces BreadCrumb

by Online Tutorials Library July 14, 2022

PrimeFaces BreadCrumb

It is a navigation component which is used to provide contextual information about page hierarchy. It show navigation information and allows to redirect to any page by clicking on the navigation link. The <p:breadCrumb> component is used to create navigation in JSF application. The important attributes are tabled below.

BreadCrumb Attributes

Attribute	Default value	Type	Description
model	null	MenuModel	It is used to create menus programmatically.
style	null	String	It is used to set style of main container element.
styleClass	null	String	It is used to set style class of main container.
homeDisplay	icon	String	It is used to define display mode of root link.

Example

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

JSF File

// breadCrumb.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>BreadCrumb</title>  </h:head>  <h:body>  <p:breadCrumb>  <p:menuitem value=”Home” url=”https://tutoraspire.com/” />  <p:menuitem value=”Java” url=”https://tutoraspire.com/java-tutorial” />  <p:menuitem value=”Collection” url=”https://tutoraspire.com/collections-in-java” />  <p:menuitem value=”ArrayList” url=”https://tutoraspire.com/java-arraylist” />  </p:breadCrumb>  </h:body>  </html>  

Output:

PrimeFaces BreadCrumb 1

Next TopicPrimeFaces MenuBar

Primefaces BreadCrumb

PrimeFaces BreadCrumb

BreadCrumb Attributes

Example

JSF File

SSRS vs Power BI

Backtracking in Prolog

You may also like