-
FEATURED COMPONENTS
First time here? Check out the FAQ!
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>
I experienced this with atlantic 1.0.4
Thanks to the clue above about providing an explicit norm.css.dsp file I tracked this to a bug in the less to css generation.
Looking in the atlantic jar the ~./zul/css/norm.css.dsp file exists but has size zero.
I downloaded the atlantic source code and ran a package build which confirmed the problem, the lessc compile is silently failing, but it generates a zero byte file.
Edit src/main/resources/web/atlantic/zul/less/norm.less and comment out the .verGradient directive around line 412:
.ie8, .ie9, .ie10 { .z-upload-hover { border-color: @hoverBorderColor; // .verGradient(@hoverGradientStart, @hoverGradientEnd); } }
Now the package build generates a non-empty ~./zul/css/norm.css.dsp and the theme works as expected.
I have added a bug report ZK-2602
Nice one. Its very usefull for me.
Hi once again,
One more thing when I downgraded to atlantic-1.0.2 everything is working as expected. I'm using the latest EE version of zk i.e. 7.0.3.2
Regards
that's amazing, thanks, you helped me a lot!
thanks for that!!
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 ?
nicely done ! :)
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?
Asked: 2014-11-05 21:11:56 +0800
Seen: 76 times
Last updated: Jan 26 '15