A layout component, dashboard has the drag-and-drop ability to support reordering of the panels. In this recipe, we will create a dashboard with predefined panels and then add new ones.
A basic definition for a dashboard with six panels would be as follows:
<p:dashboard id="board" model="#{dashboardBean.model}">
<p:ajax event="reorder" listener=
"#{dashboardBean.handleReorder}" update="growl" />
<p:panel id="calculator" header="Calculator">
<h:outputText value="Content for Calculator" />
</p:panel>
<p:panel id="calendar" header="Calendar">
<h:outputText value="Content for Calendar" />
</p:panel>
<p:panel id="contact" header="Contacts">
<h:outputText value="Content for Contacts" />
</p:panel>
<p:panel id="dictionary" header="Dictionary">
<h:outputText value="Weather Content for Dictionary" />
</p:panel>
<...