I read other posts regarding how to remove p:panelGrid borders but it isn't working for me.
I inspected the css output with chrome and I saw that Spark css is overriding the css class "ui-panelgrid-blank".
In the code bellow the first panelGrid renders without border and the second one renders with border.
When the panelGrid is inside <div class="layout-portlets-box"> the border is always shown.
I'm using PrimeFace 5.3, JSF 2.2, Spark 1.3.1.
I did not test it with Spark 2.0 yet.
How to solve this problem? Thank you!
Code: Select all
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
template="/WEB-INF/template.xhtml">
<ui:define name="content">
<p:panelGrid id="idPG1" layout="grid" columns="1" styleClass="ui-panelgrid-blank">
<p:outputLabel id="idLabel1" value="Label 1" for="idInput1" styleClass="Fs14" />
<p:inputText id="idInput1" value="" />
<p:outputLabel id="idLabel2" value="Label 2" for="idInput2" styleClass="Fs14" />
<p:inputText id="idInput2" value="" />
</p:panelGrid>
<div class="layout-portlets-box">
<p:panelGrid id="idPG2" layout="grid" columns="1" styleClass="ui-panelgrid-blank">
<p:outputLabel id="idLabel3" value="Label 3" for="idInput3" styleClass="Fs14" />
<p:inputText id="idInput3" value="" />
<p:outputLabel id="idLabel4" value="Label 4" for="idInput4" styleClass="Fs14" />
<p:inputText id="idInput4" value="" />
</p:panelGrid>
</div>
</ui:define>
</ui:composition>