nafbymnarilla
New Member
In my jsf page I have a panelGrid with 3 columns. In order to give those columns a certain witdh I used columnClasses attribute like this\[code\] columnClasses="width20perc,width30perc,width50perc"\[/code\]Then in my default.css : \[code\] .width20perc { width: 40px !important; min-width: 15em !important; }\[/code\]Normally I would use 20% there but in order to just change the width at least to some other value I used 40px instead. However not even this works... I'm not able to change the width of each column in any way. When I look at the source code of the table it says\[code\] <td class=width20perc>\[/code\]so the -elements DO have the right classes but when I inspect their css styles the do not inherit the styles I defined in my default.css . However they DO inherit the following font-size style which is also defined in my default.css so I think the stylesheet is loaded properly: \[code\] .ui-widget, .ui-widget .ui-widget { font-size: 90% !important; }\[/code\]I'm using primefaces 3.4.2 and I load my outputstylesheet in my default template like this : \[code\] <h:head> <h
utputStylesheet name="css/default.css" /> <ui:insert name="head"> <title>Page title</title> </ui:insert> </h:head>\[/code\]
utputStylesheet name="css/default.css" /> <ui:insert name="head"> <title>Page title</title> </ui:insert> </h:head>\[/code\]