-
FEATURED COMPONENTS
First time here? Check out the FAQ!
zul:
<center border="none">
<caption
label="@load(vm.getText('FIELD_CORRESPONDENCEVIEW'))"
sclass="group-header" />
<absolutelayout hflex="1" vflex="1">
<absolutechildren>
<label
value="@load(vm.getText('FIELD_DOCUMENT'))">
</label>
<textbox hflex="max" value="@load(vm.document)"
readonly="true"
tooltiptext="@load(vm.getText('FIELD_DOCUMENT'))" />
<separator></separator>
<label
value="@load(vm.getText('FIELD_DOCID'))">
</label>
<textbox hflex="max" value="@load(vm.docID)"
readonly="true"
tooltiptext="@load(vm.getText('FIELD_DOCID'))" />
<separator></separator>
<label
value="@load(vm.getText('FIELD_INTERNAL'))">
</label>
<textbox hflex="max" value="@load(vm.internal)"
readonly="true"
tooltiptext="@load(vm.getText('FIELD_INTERNAL'))" />
<separator></separator>
<label
value="@load(vm.getText('FIELD_PROCESS'))">
</label>
<textbox hflex="max" value="@load(vm.process)"
readonly="true"
tooltiptext="@load(vm.getText('FIELD_PROCESS'))" />
</absolutechildren>
</absolutelayout>
</center>
I try to design like this screen shot but i am unable to design like this .
Screenshot:
Can anyone please help me how can design the UI like this ?
Thanks
Sitansu
I got this:
<absolutelayout hflex="1" vflex="3">
<absolutechildren x="200" y="100">
<vbox spacing="4">
<hbox spacing="2" >
<label
value="@load(vm.getText('FIELD_DOCUMENT'))">
</label>
<textbox hflex="max" width="250px"
value="@load(vm.document)" readonly="true"
tooltiptext="@load(vm.getText('FIELD_DOCUMENT'))" />
</hbox>
<hbox spacing="2">
<label
value="@load(vm.getText('FIELD_INTERNAL'))">
</label>
<textbox hflex="max" width="250px"
value="@load(vm.internal)" readonly="true"
tooltiptext="@load(vm.getText('FIELD_INTERNAL'))" />
</hbox>
<hbox>
<label
value="@load(vm.getText('FIELD_DOCID'))">
</label>
<separator width="45px"></separator>
<textbox hflex="max" value="@load(vm.docID)"
readonly="true" width="250px"
tooltiptext="@load(vm.getText('FIELD_DOCID'))" />
</hbox>
<hbox>
<label
value="@load(vm.getText('FIELD_PROCESS'))">
</label>
<separator width="36px"></separator>
<textbox hflex="max" width="250px"
value="@load(vm.process)" readonly="true"
tooltiptext="@load(vm.getText('FIELD_PROCESS'))" />
</hbox>
</vbox>
</absolutechildren>
</absolutelayout>
Asked: 2014-05-13 07:19:28 +0800
Seen: 14 times
Last updated: May 13 '14