No border using Rio

Locked
cesarbremer
Posts: 19
Joined: 06 Jul 2015, 22:53

24 Jul 2015, 08:00

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.

mert.sincan
Posts: 4345
Joined: 29 Jun 2013, 12:38

24 Jul 2015, 09:31

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?

cesarbremer
Posts: 19
Joined: 06 Jul 2015, 22:53

24 Jul 2015, 14:11

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.

mert.sincan
Posts: 4345
Joined: 29 Jun 2013, 12:38

26 Jul 2015, 18:09

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" ...>

cesarbremer
Posts: 19
Joined: 06 Jul 2015, 22:53

27 Jul 2015, 05:02

Thank you for your support Aragorn.

Works!

mert.sincan
Posts: 4345
Joined: 29 Jun 2013, 12:38

27 Jul 2015, 08:31

Glad to hear, thanks!

Locked

Return to “Rio”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests