Quitar bordes con poseidon
Last updated
Was this helpful?
Last updated
Was this helpful?
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">
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;">
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;">
<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>