-
FEATURED COMPONENTS
First time here? Check out the FAQ!
this is a bug or not (i am using zk 5.0.2):
1. datebox height shrinking when i set the style="font-size: 8px"
2. when the datebox shrinked i set the height (i set height="120px" and "25px" ) but it doesnt effect
thank u
the source code is:
<zk>
<window width="100%" height="400px">
<datebox cols="20" mold="rounded"/>
<datebox format="yyyy-MM-dd" mold="rounded" style="font-size: 12px"/>
<datebox format="yyyy-MM-dd" />
<datebox format="yyyy-MM-dd" height="120px" style="font-size: 8px"/>
<datebox format="yyyy-MM-dd" height="25px" mold="rounded" style="font-size: 8px"/>
</window>
</zk>
try css like
<style> .z-datebox-rounded-inp{ width:100px; height:24px; } </style>
GREAT..i got it.
The secret is on the bar.zul. it use ThameImage class, onClick is the key to change the font size global
(except listbox with mold="select", its a bug i think. the font size is not change at all)
by the way it absolutely does not solve my problem.
Because the result is the same if i use style to change the font size. the date box's height (the button) is still not balanced
Hi
CacheableThemeProvider execute in the begining, that's why you need to define in the zk.xml
it use cookie to remember the theme style of the client side
after you looks at the source code, and fellow the Theme Provider smalltalk I post above
i've do like your instruction.
when CacheableThemeProvider executed ?
i am still not found a clue to use CacheableThemeProvider..and change the font size
(the CacheableThemeProvider is use to store and load from cookies, isnt it? but i'm still alot of confuse)
please help me and guide me more...
Hi
1.
look at the zk.xml in zk demo, it define a theme provider, so, you could define your own theme provide
<desktop-config> <theme-provider-class>org.zkoss.zkdemo.userguide.CacheableThemeProvider</theme-provider-class> </desktop-config>
2.
look at the CacheableThemeProvider.java in the zk demo, you could learn how to set fontsize by theme provider
you could also refer to Theme Provider
please guide me step by step, because i'm a newbie.
how you do it like zkdemo, to change the font size to the whole component of the project.
i have the sourcecode of zkdemo but i am not understand how to do it(confusing)
Hi
you could refer to style guide to set CSS style
from my testing, I use zk demo, and click the "A" label on the right to change the font-size, it could work, you could look at it's CSS to modify your Style
the font-size on zk demo has 3 font-size, all of them are working on datebox
Asked: 2010-05-24 22:55:37 +0800
Seen: 1,043 times
Last updated: Sep 22 '17