Menu

#602 Full Support ZK Layout Theme

3.0.0 RC
closed
nobody
5
2007-10-23
2007-10-21
No

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

Discussion

  • Jumper Chen

    Jumper Chen - 2007-10-22

    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

     
  • Marcos de Sousa

    Marcos de Sousa - 2007-10-22

    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

     
  • Marcos de Sousa

    Marcos de Sousa - 2007-10-22

    Complete Example Source Code

     
  • Marcos de Sousa

    Marcos de Sousa - 2007-10-22

    Logged In: YES
    user_id=1691379
    Originator: YES

    Complete example source code for VISTA THEME, with images.
    File Added: mail.rar

     
  • Jumper Chen

    Jumper Chen - 2007-10-23

    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

     
  • Jumper Chen

    Jumper Chen - 2007-10-23
    • status: open --> closed
     

Log in to post a comment.