Page 1 of 1

No border using Rio

Posted: 24 Jul 2015, 08:00
by cesarbremer
I am using bootstrap and the styleclass:

<style type="text/css">
.semBorda tr, .semBorda td {
border: none !important;
}
</style>

This is working fine with bootstrap when inside p:panel: the border is not displayed.

<p:panelGrid styleClass="semBorda" >

When using Rio this not works.

Any suggestion?
I am using primefaces 5.2

Thank you.

Re: No border using Rio

Posted: 24 Jul 2015, 09:31
by mert.sincan
We don't use border for responsive panelGrid. Demo; http://www.primefaces.org/rio/panel.xhtml
Which p:panelGrid are you using?( Basic or Responsive or Group. Examples; http://www.primefaces.org/showcase/ui/p ... Grid.xhtml) Can you please attach a screenshot and sample code for use to replicate?

Re: No border using Rio

Posted: 24 Jul 2015, 14:11
by cesarbremer
In your page: http://www.primefaces.org/rio/panel.xhtml

How can you hide all lines in PanelGrid Grouping? These are the same as mine.

Re: No border using Rio

Posted: 26 Jul 2015, 18:09
by mert.sincan
Please try with;

Code: Select all

<style type="text/css">
        .myPanelGridGroup.ui-panelgrid .ui-panelgrid-cell {
            border: 0 none !important;
        }
        
        /*for out of panelGrid */
        .myPanelGridGroup.ui-panelgrid {
            border: 0 none !important;
        }
        
        /* for header and footer */
        .myPanelGridGroup.ui-panelgrid thead tr td, 
        .myPanelGridGroup.ui-panelgrid tfoot tr td {
            border: 0 none !important;
        }
</style>

//xhtml
<p:panelGrid styleClass="myPanelGridGroup" ...>

Re: No border using Rio

Posted: 27 Jul 2015, 05:02
by cesarbremer
Thank you for your support Aragorn.

Works!

Re: No border using Rio

Posted: 27 Jul 2015, 08:31
by mert.sincan
Glad to hear, thanks!