How to change the font size global for all tooltip s?

answered 2014-05-28 09:37:19 +0800

cor3000
6280 ● 2 ● 7

Sorry for my comment, don't get me wrong, I am trying to help and invest quite some time into it, so please also take the time to avoid confusions.

You cannot style the native browser tooltip originating from the html title attribute (which is set by the tooltiptext attribute on a ZK component).

However the link contains a CSS technique that can be applied to a ZK component using a client/attribute and pure CSS.

<div ca:data-tip="this is a custom CSS tooltip">hover for a css tooltiptext</div>

Also check out the updated ZK-Fiddle example.

answered 2014-05-28 05:07:49 +0800

cor3000
6280 ● 2 ● 7

A Tooltip usually refers to a popup which can contain any ZK component. To globally change the font you can use a css rule like this:

.z-popup-content * { 
  font-size: 40px;
}

You can check the result here on ZK-Fiddle

If you want to change the style for a specific component (e.g. label) you can use

.z-popup-content .z-label { 
  font-size: 40px;
}

Robert

answered 2014-05-20 01:57:40 +0800

mhj
806 ● 1 ● 7

updated 2014-05-20 02:05:30 +0800

Hello salbader, for to change global properties for any component you need overwrite him. look at the links below:

http://books.zkoss.org/wiki/ZKDeveloper'sReference/ThemingandStyling/CSSClassesand_Styles

http://books.zkoss.org/wiki/SmallTalks/2012/March/CustomizeLookandFeelofZKComponentsUsingCSS3-Part2

the css class is popup i guess...