Quitar bordes con poseidon

Tenemos un datagrid con bordes

deseamos quitarle los bordes

Agregamos

styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"

Paso 1:

Cambiar

<p:dataGrid var="car" value="#{dataGridView.cars}" columns="3" layout="grid"
rows="6" paginator="true" id="cars"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="3,6,9,12,16">

Por

<p:dataGrid var="car" value="#{dataGridView.cars}" columns="3" layout="grid"
                                    rows="6" paginator="true" id="cars"
                                    styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                    rowsPerPageTemplate="3,6,9,12,16">

Paso 2:

Cambiar

<p:panel header="#{car.brand}" style="text-align:center" >

Por

<p:panel header="#{car.brand}" styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">

Paso 3:

Cambiar

<h:panelGrid columns="1" style="width:100%">

Por

<h:panelGrid columns="1" columnClasses="ui-grid-col-1,ui-grid-col-1,ui-grid-col-1,ui-grid-col-1" styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">

Codigo completo

                        <p:dataGrid var="car" value="#{dataGridView.cars}" columns="3" layout="grid"
                                    rows="6" paginator="true" id="cars"
                                    styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                    rowsPerPageTemplate="3,6,9,12,16">

                            <f:facet name="header">
                                Cars For Sale
                            </f:facet>


                            <p:panel header="#{car.brand}"  styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">




                                <h:panelGrid columns="1" columnClasses="ui-grid-col-1,ui-grid-col-1,ui-grid-col-1,ui-grid-col-1"  styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">     

                                    <h:outputText value="#{car.color}" styleClass="Fs14 FontDosisMedium"/>

                                    <h:outputText value="#{car.year}" />

                                    <p:commandButton icon="ui-icon-search" styleClass="AquaButton" update=":form:selectedCarDetail" oncomplete="PF('carDialog').show()">
                                        <f:setPropertyActionListener value="#{car}" target="#{dataGridView.selectedCar}" />
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:panel>

                        </p:dataGrid>

Last updated