Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-552

Strange behavior of div, with v/hflex and resizable border layout

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Duplicate
    • Affects Version/s: 5.0.9
    • Fix Version/s: 5.0.10
    • Component/s: Components
    • Environment:

      Windows XP sp3
      Tomcat7
      Java 1.6
      Firefox 5.0.1

      Description

      Hi.
      The yellow div in this screen looses yours size when some user event happens. Ex. Try to click on button "Event Button" or try to close the north component.
      The yellow div will looses your size, falling to min size (button size). The yellow div has 100% of height.

      Follow code extract from firebug:

      <zk xmlns:h="native">
      <!--<page style="width:100%;height:100%">-->
          <window zclass="z-window-embedded" width="509px" height="450px" left="0px" top="0px" vflex="1" hflex="1" id="frm60" mode="embedded" border="none" contentSclass="txform-background" minheight="100" minwidth="200" shadow="true">
              <div style="background-color:transparent;" vflex="1" hflex="1">
                  <vlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em">
                      <hlayout style="background:transparent;" hflex="1" spacing="0.3em">
                          <groupbox hflex="1" height="150px" mold="3d">
                              <caption label="groupbox1" />
                          </groupbox>
                      </hlayout>
                      <hlayout style="background:transparent;" hflex="1" spacing="0.3em">
                          <borderlayout vflex="1" hflex="1" height="105px" id="bl">
                              <north title="Fast Filter" collapsible="true" splittable="false" open="true" height="100px" id="n">
                                  <attribute name="onOpen">
                                      <![CDATA[
                                          if (n.isOpen()) {
                                              bl.setHeight("105px");
                                              bl.invalidate();
                                          } else {
                                              bl.setHeight("27px");
                                              bl.invalidate();
                                          }
                                      ]]>
                                  </attribute>
                              <vlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em">
                                  <hlayout style="background:transparent;" hflex="1" spacing="0.3em">
                                      <div style="background:transparent;" width="476px" height="76px" left="6px" top="24px">
                                          <label style="position:absolute;" width="37px" height="13" left="16px" top="8px" value="XLabel1" maxlength="0"/>
                                          <label style="position:absolute;" width="43px" height="15" left="167px" top="8px" value="XLabel2" maxlength="0"/>
                                          <textbox  sclass="txstring-pa" width="121px" height="21" left="16px" top="24px" maxlength="0" type="text" value="XString1" rows="1" text="XString1"/>
                                          <combobox style="position:absolute;" width="145px" height="20px" left="167px" top="24px" action="show: slideDown({duration:0})" readonly="true" maxlength="0" buttonVisible="true" autocomplete="true"/>
                                          <button style="position:absolute;color:#000000;" width="75px" height="25px" left="392px" top="22px" label="XButton2" dir="normal" orient="horizontal" type="button" mold="trendy"/>
                                      </div>
                                  </hlayout>
                              </vlayout>
                              </north>
                          </borderlayout>
                      </hlayout>
                      <hlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em">
                          <div style="background-color:#FFFF00;" width="490px" left="6px" top="119px" vflex="1">
                              <vlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em">
                                  <hlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em">
                                      <button width="75px" height="25px" left="6px" top="9px" label="Event Button" dir="normal" orient="horizontal" type="button" mold="trendy">
                                          <attribute name="onClick">
                                              <![CDATA[ 
                                                  System.out.println("Hi.");
                                              ]]>
                                          </attribute>
                                      </button>
                                      <div style="background-color:#FFFBF0;" width="119px" left="330px" top="5px" vflex="1">
                                          <button style="position:absolute;" width="75px" height="25px" left="20px" top="8px" label="XButton3" dir="normal" orient="horizontal" type="button" mold="trendy"/>
                                          <button style="position:absolute;" width="75px" height="25px" left="22px" top="244px" label="XButton4" dir="normal" orient="horizontal" type="button" mold="trendy"/>
                                      </div>
                                  </hlayout>
                              </vlayout>
                          </div>
                      </hlayout>
                  </vlayout>
              </div>
          </window>
      <!--</page>-->
      </zk>
      

        Attachments

          Activity

            People

            Assignee:
            benbai benbai
            Reporter:
            andreasboos andreasboos
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: