FontSize over the Components

[Driton]

Hi all,

is it possible to set one fontsize over all components, e.g. font=Arial and fontSize 10 in each component?

Reegards Toni

[cagatay.civici]

Toni, can you explain more, maybe with a simple example use case?

[Driton]

Hi Cagatay,

sorry you are right.
I'm using very often the DataTable in the application, so that the data are displayed to big (default YUI 13px).
Then I have AccorditionPanel with a title which has also an default Fontsize 13px or 12px I'm not sure now.
I also use <p:panel.. and <p:dialog... which have his own Fontstyle and fontsize.

I found out that when I set on my own content.css font-size: 0.8em -> it takes effect only on some components, like dataTable but not on a panel.
Afgterthat I must add following , to take effect on panel and so on.

Code: Select all

<style type="text/css">
	.pf-panel-bd {
	font-size: 0.8em;
}
</style>

I hoppe that you did understand my explanation?

Now to my question: How and where can I set the Fontstyle and Fontsize which has effect on every Primefaces Component?
Is it possible?

PS: How can I display a DataTable without header? Now the header is showing as a small row on top.

[Oleg]

Hello,

I think, it's not possible in PrimeFaces. Many PrimeFaces components overwrite "default" font-size (set e.g. for body, html) so that you should check it for every component and adjust if nessesary. Cagatay, you have room for improvement

It's possible with RichFaces. There are rude global CSS settings, e.g. for all "headers" (table, panel, ...), etc. And there are fine granular CSS settings with more details.

[Driton]

Hi Oleg,
thanks and yes I know that in RichFaces is it possible, but i didn't find it in PrimeFaces...
I have added in some places my Font-Size but it's very very disgusting to do it in that way. I hate ugly hacks, because nobody else can find it again.
But for disabling the header you have no Idea, or?
Regards Toni

[cagatay.civici]

There is also YUI Fonts plugin you can try;

http://developer.yahoo.com/yui/fonts/

Also for global font sizing why not;

Code: Select all

.yui-skin-sam {
   font-size:10px !important;
}

This should enforce on most of the PrimeFaces component, didn't try this though, just an idea.

[Driton]

Ok cagatay I'll test it on my components and let you know about the result.
Thanks a lot and kind regards, Toni

[Driton]

no sucess with that. Some of the components have now even smaller size as before!?! I must look into it deeper, whats happening there.
Thanks for your responses.