Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hello Please help Is here between ZK users someone who used it? if yes please help...
How to use awesome font in ZK components, for example, how to add this font icon to button and so on
Hi grzesiek,
Its Very Easy if you are using zk 7.
<button label="Login" iconSclass="z-icon-sign-in"/>
Go to --> FontAwesome
Here You have to Mention iconSclass="z-icon-xxx" for the Component.
Be careful in giving the Name..
EX: in FontAwesome site you'll find fa-xxx, here you have to use only the name avoiding fa.
have Fun..
M Varun.
ZK doesn't use the latest version (4.3.0).
Instead it uses some 4.x version that is between 3.2.1 and 4.3.0. So you need to guess correct combination for the supported icons between these two docs:
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
http://fortawesome.github.io/Font-Awesome/icons/
Timo
Not really guessing, just reading is enough :
http://books.zkoss.org/wiki/ZKComponentReference/Base_Components/LabelImageElement#IconSclass
As you can see there :
ZK 7.0.0 integrate FontAwesome 4.0.1 with prefix z-icon. To use it, just add iconSclass attribute.
Greetz chill.
Hello guys.
What is the current FontAwesome version ZK is integrated. I am trying to use "z-icon-close" as per this link
if ZK is integrated lower version , can we override to use Latest version ?
Asked: 2013-03-14 11:26:48 +0800
Seen: 511 times
Last updated: Mar 17 '15
Hi grzesiek, Was my Answer Helped you?
MVarun ( 2014-02-14 12:52:59 +0800 )editit's working thanks
grzesiek ( 2014-02-17 11:51:02 +0800 )editYou're Welcome. :)
MVarun ( 2014-02-18 06:52:50 +0800 )editI got this error
liferay2012 ( 2015-01-18 18:38:28 +0800 )editMethod setIconSclass not found for class org.zkoss.zul.Button
You have to use ZK7, not lower. This is a new feature from ZK7.
chillworld ( 2015-01-18 18:45:33 +0800 )edit