I have write an Vista Theme for ZK Layout.
To better support theme, ZK Layout "colps-x.png" images must be under css, to avoid write an javascript to do this.
<img src="http://localhost:8080/ZKTestes/zkau/web/zulex/img/layout/colps-b.png" class="layout-split-button"
id="z_a4_6!splitbtn" style="cursor: pointer; margin-left: 74.5px;"/>
Images: "colps-b.png", "colps-t.png", "colps-l.png" and "colps-r.png" must be under CSS.
Regards,
Marcos de Sousa
Logged In: YES
user_id=1684431
Originator: NO
Here is a workaround.
You can specify the "moldURI" to override the default "moldURI".
And then you can use yourself img file into the "moldURI" file.
For example,
index.zul:
<?component name="west" extends="west" moldURI="/layout/layoutregion.dsp"?>
<?component name="east" extends="east" moldURI="/layout/layoutregion.dsp"?>
<?component name="north" extends="north" moldURI="/layout/layoutregion.dsp"?>
<?component name="south" extends="south" moldURI="/layout/layoutregion.dsp"?>
layoutregion.dsp:
...
<div id="${self.uuid}!split" class="layout-split <c:if test="${self.position == 'north' || self.position == 'south'}">layout-split-v</c:if><c:if test="${self.position == 'west' || self.position == 'east'}">layout-split-h</c:if>"><img id="${self.uuid}!splitbtn" class="layout-split-button" src="<c:if test="${self.position == 'north'}">${c:encodeURL('/layout/yourself-t.png')}</c:if><c:if test="${self.position == 'south'}">${c:encodeURL('/layout/yourself-b.png')}</c:if><c:if test="${self.position == 'west'}">${c:encodeURL('/layout/yourself-l.png')}</c:if><c:if test="${self.position == 'east'}">${c:encodeURL('/layout/yourself-r.png')}</c:if>"/></div>
...
Jumper
Logged In: YES
user_id=1691379
Originator: YES
The workaround is very hard, since I didn't know very, very, very well the moldURI.
I will read about it.
This post is an continuation of an entry BUG: [ 1814515 ] ZK Style IE ONLY
According to that, I am using CSS to change the theme, with litle javascript, since there is an bug with ZK to component style.
Could you make Images: "colps-b.png", "colps-t.png", "colps-l.png" and "colps-r.png" be under CSS?
Could you according to my entry BUG put your workaround revisited?
Regards,
Marcos de Sousa
Complete Example Source Code
Logged In: YES
user_id=1691379
Originator: YES
Complete example source code for VISTA THEME, with images.
File Added: mail.rar
Logged In: YES
user_id=1684431
Originator: NO
Ready since 10/23.
You can override the Css of the splitter button in layout.css.dsp.
/Jumper