Hello.
If you could please look at this url:
http://www.asgari.no/test/datagrid.png
There you see I have a tab with label "Adresse" and a blue border, which is fine by me. But what bugs me, is the (to me) unecessary border of the datagrid.
I have tried to put border="0", and also style="border:0;" on the dataGrid, but only removed some of the border and made things look rather ugly.
How can I remove this grey border?
This is the partial code:
<rich:tabPanel id="bevillingTab">
<rich:tab label="#{SearchSkjenkeBevillingManager.organisation">
<rich:tabPanel id="adresseTab">
<rich:tab label="Adresse">
<h:form>
<rich:dataGrid value="#{searchSkjenkeBevillingManager.listOAADataModel}" var="oaa" columns="3">
<rich:panel style="width:300px;">
<f:facet name="header"><h:outputText value="#{oaa.adressetype.navn}  |  #{oaa.adressetype.beskrivelse}"/></f:facet>
<h:panelGrid columns="2">
<h:outputText value="Adresse:" styleClass="label"/><h:outputText value="#{oaa.adresse.adressefelt1}" />
<h:outputText value="" styleClass="label"/><h:outputText value="#{oaa.adresse.adressefelt2}" />
<h:outputText value="GÃ¥rdsnummer:" styleClass="label"/><h:outputText value="#{oaa.adresse.gaardsnummer}" />
<h:outputText value="Bruksnummer:" styleClass="label"/><h:outputText value="#{oaa.adresse.bruksnummer}" />
<h:outputText value="Postnummer:" styleClass="label"/><h:outputText value="#{oaa.adresse.poststed.postnummer}" />
<h:outputText value="Poststed:" styleClass="label"/><h:outputText value="#{oaa.adresse.poststed.navn}" />
</h:panelGrid>
</rich:panel>
</rich:dataGrid>
</h:form>
</rich:tab>
</rich:tabPanel>
//MORE RICH TABS AND DATAGRID BELOW