2

excellent icon style font awesome in ZK

asked 2013-03-14 11:26:48 +0800

grzesiek gravatar image grzesiek flag of Poland
72 1 5

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

delete flag offensive retag edit

Comments

Hi grzesiek, Was my Answer Helped you?

MVarun ( 2014-02-14 12:52:59 +0800 )edit
1

it's working thanks

grzesiek ( 2014-02-17 11:51:02 +0800 )edit

You're Welcome. :)

MVarun ( 2014-02-18 06:52:50 +0800 )edit

I got this error
Method setIconSclass not found for class org.zkoss.zul.Button

liferay2012 ( 2015-01-18 18:38:28 +0800 )edit

You have to use ZK7, not lower. This is a new feature from ZK7.

chillworld ( 2015-01-18 18:45:33 +0800 )edit

4 Answers

Sort by ยป oldest newest most voted
5

answered 2014-01-07 05:11:57 +0800

MVarun gravatar image MVarun flag of India
268 1 6

updated 2014-03-07 14:36:35 +0800

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.

link publish delete flag offensive edit
0

answered 2015-02-17 07:18:52 +0800

TimoRiikonen gravatar image TimoRiikonen
1

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

link publish delete flag offensive edit
0

answered 2015-02-17 07:31:42 +0800

chillworld gravatar image chillworld flag of Belgium
5322 4 9
https://github.com/chillw...

updated 2015-02-17 07:32:00 +0800

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.

link publish delete flag offensive edit
0

answered 2015-03-17 16:55:16 +0800

Senthilchettyin gravatar image Senthilchettyin flag of India
2611 3 8
http://emrpms.blogspot.in...

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 ?

link publish delete flag offensive edit

Comments

use z-icon-times

chillworld ( 2015-03-17 17:39:17 +0800 )edit

What do you mean by that ? sorry

Senthilchettyin ( 2015-03-17 17:55:47 +0800 )edit

in stead of z-icon-close use z-icon-times

chillworld ( 2015-03-17 17:59:19 +0800 )edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
3 followers

RSS

Stats

Asked: 2013-03-14 11:26:48 +0800

Seen: 427 times

Last updated: Mar 17 '15

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More