groupbox 3d on ZK 7 RC

answered 2014-07-02 09:14:38 +0800

cocoes
94 ● 6

Ok, I've solved it removing the groupbox title and moving it to the caption in a hbox before the arrow's div. The groupbox's title was the problem.

answered 2014-07-02 08:47:06 +0800

cocoes
94 ● 6

Hi again,

I've tryed to migrate to ZKEE 7.0.2 and it seems to have changed again how Groupbox works and fails showing properly.

It was working fine like this with 7.0.0 and 7.0.1, but the arrow appears now (with 7.0.2) in the groupbox bottom instead of the right side:

<style>
        .z-groupbox-3d .open-false,
        .z-groupbox-3d .open-true {
          background: url("${url_base}images/arrow.png") no-repeat right 0;
          height: 16px;  
          padding-right: 20px;
          font-weight: bold;
        } 
        .z-groupbox-3d div.open-false {
          background-position: right -16px;
        }
</style>
<groupbox id="myGroup" mold="3d" title="MyTitle" open="false" sclass="MyText">
<attribute name="onOpen"><![CDATA[
       arrow.setSclass("open-" + self.isOpen());
]]></attribute>
<caption style="float:right;">
       <div id="arrow" class="open-false" style="float:inherit;"></div>
</caption>
    ... more elements
</groupbox>

I'm not able to move it again to the right with CSS...