0

activating atlantic theme removes icons

asked 2014-11-05 21:11:56 +0800

chw gravatar image chw
24 1

If I run the following code snippet on zk 7.0.2 without atlantic theme the icons are shown. If I activate the atlantic theme the icons disappear. I would like to use the icons also with atlantic theme. What I am doing wrong?

<navbar orient="horizontal" collapsed="false">
    <navitem label="TEST" />
    <nav label="ITEM 1" iconSclass="z-icon-folder" badgeText="3">
        <navitem label="Step One" />
        <navitem label="Step Two" />
        <navitem label="Step Three" />
    </nav>
    <navitem label="ITEM 2" iconSclass="z-icon-envelope" />
    </nav>
</navbar>
delete flag offensive retag edit

15 Answers

Sort by » oldest newest most voted
0

answered 2014-11-08 15:04:42 +0800

Darksu gravatar image Darksu
1991 1 4

Hello chw,

Basically your code has an error, thus please use the following code:

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="new page title" border="normal">
<navbar orient="horizontal" collapsed="false">
    <navitem label="TEST" />
    <nav label="ITEM 1" iconSclass="z-icon-folder" badgeText="3">
        <navitem label="Step One" />
        <navitem label="Step Two" />
        <navitem label="Step Three" />
    </nav>
    <navitem label="ITEM 2" iconSclass="z-icon-envelope" />
</navbar>
</window>
</zk>

Aside from that the folder icon shows as expected. Could you please reset the code and follow the instructions below?

http://blog.zkoss.org/index.php/2013/10/22/zk-7-introduces-atlantic-theme-a-new-flat-design/

Best Regards,

Darksu

link publish delete flag offensive edit

Comments

Hi Darksu, thanks for the reply, but with your code I have the same problem. I assume something different is wrong in my project but I have no clue. If I inspect the DOM I find the image tag of the icons but there is no style command .z-icon-envelope:before { content: ""; }.

chw ( 2014-11-09 21:40:15 +0800 )edit

Hi Darksu, I followed the instructions you referenced in your post. I downloaded the jar and inserted the needed lines in the zk.xml. However the icons are still disappeared. The rest of the theme looks like atlantic theme. Any further ideas?

chw ( 2014-11-10 20:41:34 +0800 )edit
0

answered 2014-11-11 21:36:41 +0800

terrytornado gravatar image terrytornado flag of Germany
9393 3 7 16
http://www.oxitec.de/

Have you the newest atlantic theme? It's 1.0.2

link publish delete flag offensive edit

Comments

Yes I have. I also tried ZK 7.0.3 and atlantic 1.0.3. Do you know an example project build with maven on github where I can compare my settings with?

chw ( 2014-11-11 21:55:02 +0800 )edit
0

answered 2014-11-12 14:03:30 +0800

kenshin gravatar image kenshin
18 1

Hi friends,

Any idea, any solution?

It's the same in my app, doesn't show the icons (atlantic theme) navbar with iconSclass.

Resources: ZK 7.0.3 (atlantic 1.0.3) ZK 7.0.3 (atlantic 1.0.2)

Thanks.

link publish delete flag offensive edit
0

answered 2014-11-12 18:19:05 +0800

terrytornado gravatar image terrytornado flag of Germany
9393 3 7 16
http://www.oxitec.de/

updated 2014-11-12 18:19:40 +0800

I'm not sure. Have you set the mold="bs" ??

excerpt from navbar.js

. . .
zk.override(zkmax.nav.Nav.prototype, _nav, {
    _inBSMold: function () {
        var nb = this.getNavbar();
        return nb && nb._inBSMold();
    },
    getIconSclass: function () {
        if (this._inBSMold())
            return this._iconSclass ? this._iconSclass : 'caret';
        return _nav.getIconSclass.apply(this, arguments);
    },
. . .

best Stephan

link publish delete flag offensive edit

Comments

The mold property of the navbar or the navitem could only set to default. If I try it to set to "bs" an exception is thrown.

chw ( 2014-11-13 21:35:41 +0800 )edit

navbar is only EE edition. You know that?

terrytornado ( 2014-11-14 10:47:24 +0800 )edit

Hi terry, yes I know that. I have the EE evalualtion repository configured in my pom. Maybe the evaluation time is expired. Hmmm.

chw ( 2014-11-17 07:34:27 +0800 )edit

No, evaluation starts at every server start. Can you create a packed sample app for the problem?

terrytornado ( 2014-11-17 08:47:31 +0800 )edit

Do you mean a zip archiv of my eclipse sandbox?

chw ( 2014-11-17 20:30:30 +0800 )edit
0

answered 2014-11-13 09:54:49 +0800

morwaszteasz gravatar image morwaszteasz
1
http://www.ponad-bankami....

works quite well here ;)

link publish delete flag offensive edit
0

answered 2014-11-13 21:28:47 +0800

chw gravatar image chw
24 1

updated 2014-11-14 09:50:06 +0800

Hi, I narrow down my problem step by step. I copied the file /zkthemedemo/zkau/web/721aa1f4/_zkiju-atlantic/zul/css/zk.wcs from atlantic theme http://www.zkoss.org/zkthemedemo/demo/ (demo page) to my project and linked it as a css-stylesheet. With this hack I could see at the position where icons should appear some unicode signs. Not what I expect but one small step forward.

So my assumption is that the file zk.wcs before I have done the hack is not correct or not complete. I don't know. Could anybody help me with this? I think the zk.wcs is generated, am I right? I took a look at the atlantic.jar and found some less files. Do I have to include the zkless-engine-maven-plugin in the build process if I like to use the atlantic jar?

link publish delete flag offensive edit
0

answered 2014-11-14 09:45:01 +0800

zmroczny gravatar image zmroczny
1
http://www.moje-ulubione-...

nicely done ! :)

link publish delete flag offensive edit
0

answered 2014-11-19 20:12:54 +0800

kwalczak gravatar image kwalczak
9

updated 2014-11-19 20:19:29 +0800

Hi guys, I've expirenced the same issue on my app i.e. atlantic theme is enabled however correct content of all icons is not loaded ... I debuged a bit and my conclusion is that zk.wcs doesn't load default ../web/zul/css/norm.css.dsp. When I added explicitly <link href="app/zkau/web/zul/css/norm.css.dsp"/> icons are displayed correctly.... any idea ?

link publish delete flag offensive edit
0

answered 2014-11-20 08:06:11 +0800

mokryandrzej gravatar image mokryandrzej
1

thanks for that!!

link publish delete flag offensive edit
0

answered 2014-11-20 09:41:31 +0800

mokryandrzej gravatar image mokryandrzej
1

that's amazing, thanks, you helped me a lot!

link publish delete flag offensive 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
1 follower

RSS

Stats

Asked: 2014-11-05 21:11:56 +0800

Seen: 72 times

Last updated: Jan 26 '15

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