if i want to change the Layout for p:panelGrid border-style something like
Code: Select all
.ui-panelgrid td, .ui-panelgrid tr
{
border-style: none !important
}
Thank you in advance.
Code: Select all
.ui-panelgrid td, .ui-panelgrid tr
{
border-style: none !important
}
Code: Select all
<head>
1. <link type="text/css" rel="stylesheet" href="/myApp/javax.faces.resource/theme.css.xhtml?ln=primefaces-aristo">
2.<link type="text/css" rel="stylesheet" href="/myApp/javax.faces.resource/primefaces.css.xhtml?ln=primefaces&v=5.0">
3.<script type="text/javascript" src="/myApp/javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces&v=5.0"></script>
4.<script type="text/javascript" src="/myApp/javax.faces.resource/jquery/jquery-plugins.js.xhtml?ln=primefaces&v=5.0"></script>
5.<script type="text/javascript" src="/myApp/javax.faces.resource/primefaces.js.xhtml?ln=primefaces&v=5.0"></script>
6.<link type="text/css" rel="stylesheet" href="/myApp/javax.faces.resource/layout/layout.css.xhtml?ln=primefaces&v=5.0">
7.<script type="text/javascript" src="/myApp/javax.faces.resource/layout/layout.js.xhtml?ln=primefaces&v=5.0"></script>
8.<script type="text/javascript" src="/myApp/javax.faces.resource/primefaces-extensions.js.xhtml?ln=primefaces-extensions-uncompressed&v=2.0.0"></script>
9.<link type="text/css" rel="stylesheet" href="/myApp/javax.faces.resource/css/myCSS5.css.xhtml?ln=primefaces-extensions-uncompressed&v=2.0.0">
10.<script type="text/javascript" src="/myApp/javax.faces.resource/js/myJS1.js.xhtml?ln=primefaces-extensions-uncompressed&v=2.0.0"></script>
11.<link type="text/css" rel="stylesheet" href="/myApp/javax.faces.resource/myCSS5.css.xhtml?ln=css">
12.<script type="text/javascript" src="/myApp/javax.faces.resource/myJS2.js.xhtml?ln=js"></script>
13.<link type="text/css" rel="stylesheet" href="/myApp/javax.faces.resource/myCSS4.css.xhtml?ln=css">
14.<title>My-App</title>
15.<link type="text/css" rel="stylesheet" href="/myApp/resources/css/myCSS1.css">
16.<link type="text/css" rel="stylesheet" href="/myApp/resources/css/myCSS2.css">
17.<link type="text/css" rel="stylesheet" href="/myApp/resources/css/myCSS3.css">
</head>
Code: Select all
padding-left: 10px; comes from primefaces.css.xhtml
.ui-panelgrid .ui-panelgrid-cell - 10px
.mYCheckbox - 4px comes from my File /myApp/javax.faces.resource/myCSS4.css.xhtml
The PF class is obviously more specific and hence it has 'precedence'kukeltje wrote:It's all just css, so if you want to override without using !important, make sure the style rule is loaded AFTER the 'original' style. And if it is and it still does not work, make your selector more specific. All plain css stuff, nothing PF related
armainak wrote:Hello,
if i want to change the Layout for p:panelGrid border-style something like
Is there any way to effect that, without using important key?Code: Select all
.ui-panelgrid td, .ui-panelgrid tr { border-style: none !important }
Thank you in advance.
kukeltje wrote:The PF class is obviously more specific and hence it has 'precedence'
http://css-tricks.com/specifics-on-css-specificity/
so make your selector more specifc
Code: Select all
.ContentSideSections.Implementation .ui-panelgrid td, .ContentSideSections.Implementation .ui-panelgrid tr
{
border-style: none;
}
Then PLEASE next time state you do... as early as possible. Saves me time, frustration etc..armainak wrote:Your answer was known for me.
So you do not want to use !important nor 'css specificity' but want it achieved easily... (see my next answer)armainak wrote:This is not the way i was looking for.
Then I think you made another error or errors... Not sure what, but creating a custom theme is probably way less difficult.armainak wrote:In this way, grows my css file to become hunderds or even thousends of lines.
Not sure "you're welcome"armainak wrote:However, I thank you for the anwer.
Users browsing this forum: No registered users and 14 guests