Input Style

Free Themes

Built-in component themes created by the PrimeFaces Theme Designer.

Saga Saga
Vela Vela
Arya Arya

Legacy Free Themes

Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink
Nova Nova
Nova Nova Alt
Nova Nova Accent

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.

DataExporter Customized Documents

DataExporter provides easy customization options for the exported document using pre and post processors or ExcelOptions and PDFOptions objects.

Processors
CodeNameCategoryQuantity
zx23zc42cTeal T-ShirtClothing3
244wgerg2Blue T-ShirtClothing25
250vm23ccGreen T-ShirtClothing74
fldsmn31bGrey T-ShirtClothing0
zz21cz3c1Blue BandFitness2
09zx9c0zcPainted Phone CaseAccessories41
plb34234vGold Phone CaseAccessories0
09zx9c0zcPainted Phone CaseAccessories41
vbb124btrGame ControllerElectronics2
4920nnc2dGreen EarbudsElectronics23
Options
NameCategoryQuantity
Gaming SetElectronics63
Green T-ShirtClothing74
Grey T-ShirtClothing0
Lime BandFitness12
Gold Phone CaseAccessories0
Pink PurseAccessories0
Chakra BraceletAccessories5
Yoga MatFitness15
ShoesClothing0
Gaming SetElectronics63

<div class="card">
    <h:form>
        <h5>Processors</h5>
        <p:commandButton value="XLS" styleClass="p-mr-2 p-mb-2">
            <p:dataExporter type="xls" target="tbl" fileName="products"
                            postProcessor="#{customizedDocumentsView.postProcessXLS}"/>
        </p:commandButton>

        <p:commandButton value="PDF" styleClass="p-mr-2 p-mb-2">
            <p:dataExporter type="pdf" target="tbl" fileName="products"
                            preProcessor="#{customizedDocumentsView.preProcessPDF}"/>
        </p:commandButton>

        <p:dataTable id="tbl" var="product" value="#{customizedDocumentsView.products}"
                     paginator="true" rows="10" styleClass="p-mt-2">
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Code"/>
                </f:facet>
                <h:outputText value="#{product.code}"/>
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Name"/>
                </f:facet>
                <h:outputText value="#{product.name}"/>
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Category"/>
                </f:facet>
                <h:outputText value="#{product.category}"/>
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Quantity"/>
                </f:facet>
                <h:outputText value="#{product.quantity}"/>
            </p:column>
        </p:dataTable>

        <h5>Options</h5>
        <p:commandButton value="XLS" styleClass="p-mr-2 p-mb-2">
            <p:dataExporter type="xls" target="tbl2" fileName="products"
                            options="#{customizedDocumentsView.excelOpt}"/>
        </p:commandButton>

        <p:commandButton value="XLS" styleClass="p-mr-2 p-mb-2">
            <p:dataExporter type="pdf" target="tbl2" fileName="products"
                            options="#{customizedDocumentsView.pdfOpt}"/>
        </p:commandButton>

        <p:dataTable id="tbl2" var="product" value="#{customizedDocumentsView.products2}"
                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                     paginator="true" rows="10" styleClass="p-mt-2">
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Name"/>
                </f:facet>
                <h:outputText value="#{product.name}"/>
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Category"/>
                </f:facet>
                <h:outputText value="#{product.category}"/>
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Quantity"/>
                </f:facet>
                <h:outputText value="#{product.quantity}"/>
            </p:column>
        </p:dataTable>
    </h:form>
</div>