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

bandbox popup should drop up when the space between the bandbox and the bottom of browser is not enough

    Details

      Description

      when i use a bandbox and this is in the limit of the page, the Bandpopup overlap the input of the bandbox, someone know how fix this?

      This happen with all bandbox, in all case.

        Issue Links

          Activity

          Hide
          vincentjian vincentjian added a comment -

          Please post a runnable sample code. It is not possible to reproduce the problem based on the picture.

          Show
          vincentjian vincentjian added a comment - Please post a runnable sample code. It is not possible to reproduce the problem based on the picture.
          Hide
          javikin javikin added a comment -

          <vbox>
          <separator height="200px" />
          <bandbox id="bd" mold="rounded">
          <bandpopup>
          <vbox>
          <hbox>
          Search
          <textbox />
          </hbox>
          <listbox width="200px"
          onSelect="bd.value=self.selectedItem.label; bd.close();">
          <listhead>
          <listheader label="Name" />
          <listheader label="Description" />
          </listhead>
          <listitem>
          <listcell label="John" />
          <listcell label="CEO" />
          </listitem>
          <listitem>
          <listcell label="Joe" />
          <listcell label="Engineer" />
          </listitem>
          <listitem>
          <listcell label="Mary" />
          <listcell label="Supervisor" />
          </listitem>
          <listitem>
          <listcell label="John" />
          <listcell label="CEO" />
          </listitem>
          <listitem>
          <listcell label="Joe" />
          <listcell label="Engineer" />
          </listitem>
          <listitem>
          <listcell label="Mary" />
          <listcell label="Supervisor" />
          </listitem>
          <listitem>
          <listcell label="John" />
          <listcell label="CEO" />
          </listitem>
          <listitem>
          <listcell label="Joe" />
          <listcell label="Engineer" />
          </listitem>
          <listitem>
          <listcell label="Mary" />
          <listcell label="Supervisor" />
          </listitem>
          </listbox>
          </vbox>
          </bandpopup>
          </bandbox>
          </vbox>

          Show
          javikin javikin added a comment - <vbox> <separator height="200px" /> <bandbox id="bd" mold="rounded"> <bandpopup> <vbox> <hbox> Search <textbox /> </hbox> <listbox width="200px" onSelect="bd.value=self.selectedItem.label; bd.close();"> <listhead> <listheader label="Name" /> <listheader label="Description" /> </listhead> <listitem> <listcell label="John" /> <listcell label="CEO" /> </listitem> <listitem> <listcell label="Joe" /> <listcell label="Engineer" /> </listitem> <listitem> <listcell label="Mary" /> <listcell label="Supervisor" /> </listitem> <listitem> <listcell label="John" /> <listcell label="CEO" /> </listitem> <listitem> <listcell label="Joe" /> <listcell label="Engineer" /> </listitem> <listitem> <listcell label="Mary" /> <listcell label="Supervisor" /> </listitem> <listitem> <listcell label="John" /> <listcell label="CEO" /> </listitem> <listitem> <listcell label="Joe" /> <listcell label="Engineer" /> </listitem> <listitem> <listcell label="Mary" /> <listcell label="Supervisor" /> </listitem> </listbox> </vbox> </bandpopup> </bandbox> </vbox>
          Hide
          noahhuang noahhuang added a comment -

          Hi javikin, there is the workaround, you can try it now

          <bandbox id="bd" mold="rounded" xmlns:w="client">

          <attribute w:name="slideDown_">
          <![CDATA[
          function (pp) {
          var inp = this.getInputNode(), $pp = zk(pp);
          $pp.position(inp, "before_start"); // before_start can replace by end_before
          $pp.slideDown(this,

          {afterAnima: this._afterSlideDown, duration: 0}

          );
          }
          ]]>
          </attribute>

          <bandpopup>
          ...
          </bandpopup>
          </bandbox>

          Show
          noahhuang noahhuang added a comment - Hi javikin, there is the workaround, you can try it now <bandbox id="bd" mold="rounded" xmlns:w="client"> <attribute w:name="slideDown_"> <![CDATA[ function (pp) { var inp = this.getInputNode(), $pp = zk(pp); $pp.position(inp, "before_start"); // before_start can replace by end_before $pp.slideDown(this, {afterAnima: this._afterSlideDown, duration: 0} ); } ]]> </attribute> <bandpopup> ... </bandpopup> </bandbox>
          Hide
          javikin javikin added a comment -

          Thanks, this works perfect, but i use this in two pages, one is a zul and works perfect, but in the other is a java code, and i dont know how doit this.

          final Bandbox bbox=new Bandbox();

          bbox.setAttribute(null, data)??

          Can you help me?

          Show
          javikin javikin added a comment - Thanks, this works perfect, but i use this in two pages, one is a zul and works perfect, but in the other is a java code, and i dont know how doit this. final Bandbox bbox=new Bandbox(); bbox.setAttribute(null, data)?? Can you help me?
          Hide
          noahhuang noahhuang added a comment -
          bbox.setWidgetOverride("slideDown_", "function (pp) { var inp = this.getInputNode(); var $pp = zk(pp); $pp.position(inp, 'before_start'); $pp.slideDown(this, {afterAnima: this._afterSlideDown, duration: 0});} ");
          
          Show
          noahhuang noahhuang added a comment - bbox.setWidgetOverride( "slideDown_" , "function (pp) { var inp = this .getInputNode(); var $pp = zk(pp); $pp.position(inp, 'before_start'); $pp.slideDown( this , {afterAnima: this ._afterSlideDown, duration: 0});} " );
          Hide
          vincentjian vincentjian added a comment -

          Fixed since 2013/03/06.

          Show
          vincentjian vincentjian added a comment - Fixed since 2013/03/06.
          Hide
          noahhuang noahhuang added a comment -

          should fix bug in ie10 too

          Show
          noahhuang noahhuang added a comment - should fix bug in ie10 too
          Hide
          vincentjian vincentjian added a comment -

          Re-fix IE 10 issue on ZK 6.5.4 since 2013/7/25.

          Show
          vincentjian vincentjian added a comment - Re-fix IE 10 issue on ZK 6.5.4 since 2013/7/25.

            People

            • Assignee:
              noahhuang noahhuang
              Reporter:
              javikin javikin
            • Votes:
              1 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: