Revision history [back]

click to hide/show revision 1
initial version

asked 2017-04-24 06:11:48 +0800

edgardquirino gravatar image edgardquirino

Datebox button display in wrong place

Hey guys,

I am using Zk 8, and I have a problem with the datebox component. Its button is always appearing below its textbox (I wish I could share my picture, but this forum does nto allow me to publish my screenshot or share a dropbox link).

Here is my ZUL file:

<window id="postModalDialog" position="center,center" closable="true" border="normal"
    sizable="true" mode="modal" title="Goods Collection: Post"
    width="600px" height="725px" contentStyle="overflow:auto;"
    apply="com.vingroup.rocket.widgets.PostGoodsCollectionMethodController">
<vbox>
    <vbox width="550px" style="float:left;margin-right:15px;margin-top:10px;margin-left:15px;">
        <label value="Name"/>
        <textbox id="nameTextBox"/>
        <label value="Province"/>
        <bandbox id="provinceBandbox" autodrop="true" buttonVisible="true">
            <bandpopup >
                <listbox id="provinceListbox" mold="paging" pageSize="5"
                         onSelect="provinceBandbox.value=self.selectedItem.label;
                                   provinceBandbox.close();"/>
            </bandpopup>
        </bandbox>
        <label value="District"/>
        <bandbox id="districtBandbox"  autodrop="true" buttonVisible="true">
            <bandpopup>
                <listbox id="districtListbox" mold="paging" pageSize="5"
                         onSelect="districtBandbox.value=self.selectedItem.label;
                                   districtBandbox.close();"/>
            </bandpopup>
        </bandbox>
        <label value="Ward"/>
        <bandbox id="wardBandbox"  autodrop="true" buttonVisible="true">
            <bandpopup>
                <listbox id="wardListbox" mold="paging" pageSize="5"
                         onSelect="wardBandbox.value=self.selectedItem.label;
                                   wardBandbox.close();"/>
            </bandpopup>
        </bandbox>
        <label value="Street"/>
        <bandbox id="streetBandbox" autodrop="true" buttonVisible="true">
            <bandpopup>
                <listbox id="streetListbox" mold="paging" pageSize="5"
                         onSelect="streetBandbox.value=self.selectedItem.label;
                                   streetBandbox.close();"/>
            </bandpopup>
        </bandbox>
        <label value="Po Box"/>
        <textbox id="poBoxTextbox"/>
        <label value="Postal Code"/>
        <textbox id="postalCodeTextbox"/>
        <label value="Phone Number"/>
        <textbox id="phoneNumberTextBox"/>
        <label value="Received Date"/>
        <datebox id="receivedDateDatebox" format="short"/>
        <label value="Parcel Code (Optional)"/>
        <textbox id="parcelCodeTextbox"/>
        <label value="Organization (Optional)"/>
        <textbox id="organizationTextbox"/>
    </vbox>

    <hbox style="float:left;margin-right:15px;margin-top:10px;margin-left:15px">
        <button id="resetButton"
                label="Reset"
                width="100%"
                sclass="oms-widget-createreturnrequest-configuration-button oms-widget-createreturnrequest-configuration-revert-button"/>
        <button id="confirmButton"
                width="100%"
                label="Confirm"
                sclass="y-btn-primary oms-widget-createreturnrequest-configuration-button oms-widget-createreturnrequest-configuration-save-button"/>
    </hbox>
</vbox>

</window>

Thanks in advance for the help.

Datebox button display in wrong place

Hey guys,

I am using Zk 8, and I have a problem with the datebox component. Its button is always appearing below its textbox (I wish I could share my picture, but this forum does nto allow me to publish my screenshot or share a dropbox link).

Here is my ZUL file:

 <window id="postModalDialog" position="center,center" closable="true" border="normal"
     sizable="true" mode="modal" title="Goods Collection: Post"
     width="600px" height="725px" contentStyle="overflow:auto;"
     apply="com.vingroup.rocket.widgets.PostGoodsCollectionMethodController">
 <vbox>
     <vbox width="550px" style="float:left;margin-right:15px;margin-top:10px;margin-left:15px;">
         <label value="Name"/>
         <textbox id="nameTextBox"/>
         <label value="Province"/>
         <bandbox id="provinceBandbox" autodrop="true" buttonVisible="true">
             <bandpopup >
                 <listbox id="provinceListbox" mold="paging" pageSize="5"
                          onSelect="provinceBandbox.value=self.selectedItem.label;
                                    provinceBandbox.close();"/>
             </bandpopup>
         </bandbox>
         <label value="District"/>
         <bandbox id="districtBandbox"  autodrop="true" buttonVisible="true">
             <bandpopup>
                 <listbox id="districtListbox" mold="paging" pageSize="5"
                          onSelect="districtBandbox.value=self.selectedItem.label;
                                    districtBandbox.close();"/>
             </bandpopup>
         </bandbox>
         <label value="Ward"/>
         <bandbox id="wardBandbox"  autodrop="true" buttonVisible="true">
             <bandpopup>
                 <listbox id="wardListbox" mold="paging" pageSize="5"
                          onSelect="wardBandbox.value=self.selectedItem.label;
                                    wardBandbox.close();"/>
             </bandpopup>
         </bandbox>
         <label value="Street"/>
         <bandbox id="streetBandbox" autodrop="true" buttonVisible="true">
             <bandpopup>
                 <listbox id="streetListbox" mold="paging" pageSize="5"
                          onSelect="streetBandbox.value=self.selectedItem.label;
                                    streetBandbox.close();"/>
             </bandpopup>
         </bandbox>
         <label value="Po Box"/>
         <textbox id="poBoxTextbox"/>
         <label value="Postal Code"/>
         <textbox id="postalCodeTextbox"/>
         <label value="Phone Number"/>
         <textbox id="phoneNumberTextBox"/>
         <label value="Received Date"/>
         <datebox id="receivedDateDatebox" format="short"/>
         <label value="Parcel Code (Optional)"/>
         <textbox id="parcelCodeTextbox"/>
         <label value="Organization (Optional)"/>
         <textbox id="organizationTextbox"/>
     </vbox>

     <hbox style="float:left;margin-right:15px;margin-top:10px;margin-left:15px">
         <button id="resetButton"
                 label="Reset"
                 width="100%"
                 sclass="oms-widget-createreturnrequest-configuration-button oms-widget-createreturnrequest-configuration-revert-button"/>
         <button id="confirmButton"
                 width="100%"
                 label="Confirm"
                 sclass="y-btn-primary oms-widget-createreturnrequest-configuration-button oms-widget-createreturnrequest-configuration-save-button"/>
     </hbox>
 </vbox>
</window>

</window>

Thanks in advance for the help.

Datebox button display in wrong place

Hey guys,

I am using Zk 8, and I have a problem with the datebox component. Its button is always appearing below its textbox (I wish I could share attached a link in the comments section for a picture of my picture, but this forum does nto allow me to publish my screenshot or share a dropbox link).problem).

Here is my ZUL file:

    <window id="postModalDialog" position="center,center" closable="true" border="normal"
        sizable="true" mode="modal" title="Goods Collection: Post"
        width="600px" height="725px" contentStyle="overflow:auto;"
        apply="com.vingroup.rocket.widgets.PostGoodsCollectionMethodController">
    <vbox>
        <vbox width="550px" style="float:left;margin-right:15px;margin-top:10px;margin-left:15px;">
            <label value="Name"/>
            <textbox id="nameTextBox"/>
            <label value="Province"/>
            <bandbox id="provinceBandbox" autodrop="true" buttonVisible="true">
                <bandpopup >
                    <listbox id="provinceListbox" mold="paging" pageSize="5"
                             onSelect="provinceBandbox.value=self.selectedItem.label;
                                       provinceBandbox.close();"/>
                </bandpopup>
            </bandbox>
            <label value="District"/>
            <bandbox id="districtBandbox"  autodrop="true" buttonVisible="true">
                <bandpopup>
                    <listbox id="districtListbox" mold="paging" pageSize="5"
                             onSelect="districtBandbox.value=self.selectedItem.label;
                                       districtBandbox.close();"/>
                </bandpopup>
            </bandbox>
            <label value="Ward"/>
            <bandbox id="wardBandbox"  autodrop="true" buttonVisible="true">
                <bandpopup>
                    <listbox id="wardListbox" mold="paging" pageSize="5"
                             onSelect="wardBandbox.value=self.selectedItem.label;
                                       wardBandbox.close();"/>
                </bandpopup>
            </bandbox>
            <label value="Street"/>
            <bandbox id="streetBandbox" autodrop="true" buttonVisible="true">
                <bandpopup>
                    <listbox id="streetListbox" mold="paging" pageSize="5"
                             onSelect="streetBandbox.value=self.selectedItem.label;
                                       streetBandbox.close();"/>
                </bandpopup>
            </bandbox>
            <label value="Po Box"/>
            <textbox id="poBoxTextbox"/>
            <label value="Postal Code"/>
            <textbox id="postalCodeTextbox"/>
            <label value="Phone Number"/>
            <textbox id="phoneNumberTextBox"/>
            <label value="Received Date"/>
            <datebox id="receivedDateDatebox" format="short"/>
            <label value="Parcel Code (Optional)"/>
            <textbox id="parcelCodeTextbox"/>
            <label value="Organization (Optional)"/>
            <textbox id="organizationTextbox"/>
        </vbox>

        <hbox style="float:left;margin-right:15px;margin-top:10px;margin-left:15px">
            <button id="resetButton"
                    label="Reset"
                    width="100%"
                    sclass="oms-widget-createreturnrequest-configuration-button oms-widget-createreturnrequest-configuration-revert-button"/>
            <button id="confirmButton"
                    width="100%"
                    label="Confirm"
                    sclass="y-btn-primary oms-widget-createreturnrequest-configuration-button oms-widget-createreturnrequest-configuration-save-button"/>
        </hbox>
    </vbox>
</window>

Thanks in advance for the help.

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More