Dashboard

Dashboard is a layout component featuring dragdrop based content reordering similar to portal environments. As a stateful component, dashboard is backed by a DashboardModel API which is used to save the state of the UI.

Sports
Sports Content
Finance
Finance Content
Lifestyle
Lifestyle Content
Weather
Weather Content
Politics
Politics Content

Source

<h:form id="form">

    <p:growl id="growl" showDetail="true" />

    <p:dashboard id="board" model="#{dashboardBean.model}">
        <p:ajax event="reorder" listener="#{dashboardBean.handleReorder}" update="growl" />

        <p:panel id="sports" header="Sports">
            <h:outputText value="Sports Content" />
        </p:panel>

        <p:panel id="finance" header="Finance">
            <h:outputText value="Finance Content" />
        </p:panel>

        <p:panel id="lifestyle" header="Lifestyle">
            <h:outputText value="Lifestyle Content"  />
        </p:panel>

        <p:panel id="weather" header="Weather">
            <h:outputText value="Weather Content" />
        </p:panel>

        <p:panel id="politics" header="Politics">
            <h:outputText value="Politics Content" />
        </p:panel>
    </p:dashboard>

</h:form>