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

vflex on goldenpanel doesn't work as expected

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 9.6.0
    • 9.0.0.1, 9.5.0.2
    • Components
    • Security Level: Jimmy
    • None

      Steps to Reproduce

      <goldenlayout id="gl" vflex="1" hflex="1">
      <attribute name="areas">
          A B
      </attribute>
      <goldenpanel area="A" title="Panel Blue">
          <div vflex="1" hflex="1" style="background-color:blue !important">
              <label value="Lorem ipsum"/>
          </div>
      </goldenpanel>
      <goldenpanel area="B" title="Panel Red">
          <div vflex="1" hflex="1" style="background-color:red !important">
              <label value="Lorem ipsum"/>
          </div>
      </goldenpanel>
      </goldenlayout>
      

      Current Result

      red panel's height doesn't consume the whole height of the parent

      Expected Result

      Workaround

      <custom-attributes org.zkoss.zul.css.flex="false"/>

        1. error.jpg
          error.jpg
          30 kB
        2. expected.jpg
          expected.jpg
          43 kB

            DevChu DevChu
            hawk hawk
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: