Scrol bar problem

answered 2008-10-14 16:24:45 +0800

beginner
123 ● 2

Hello redchris,

i had the same problem, and i solved it by putting style="overflow-y:auto;" to the grid-tag

answered 2008-10-15 13:49:46 +0800

ECFTestSystem
15 ● 1

I have also the them problem with some Listbox.
SOmething is strange:
my Listbox are included in Tabpanels.
The first time I select the Tab, the scrollbar doesn't appear and consequently the Listbox is cutted
If I select another tab and then select back the Tab of my Listbox all is Ok the scrollbar is well displayed.

answered 2008-10-21 01:31:20 +0800

jumperchen
3909 ● 2 ● 8
http://jumperchen.blogspo...

Hi all,

Could you provide me with a simple sample? or an URL can access.

answered 2008-11-21 16:12:45 +0800

robinbak
42

Here is an example of a missing scrollbar in IE6 (unfortunately not so simple).
In Firefox the data under the tab "NAW" is okay, but under IE6 the scroll behavior is very odd.

<?page id="testZul" title=" New ZUL Title" cacheable="false"
language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>

<zk>
<borderlayout height="100%" width="100%">
<north title="Mid office" collapsible="false">

<hbox widths="10%, 70%, 20%">
<hbox>
<toolbarbutton id="btnWorkitems" image="/images/buttons/Download.png"
onClick="winMain.queryWorkitems()" />
<toolbarbutton id="btCustomers" image="/images/buttons/People.png"
onClick="winMain.selectCustomer()"/>
<toolbarbutton id="btnStop" image="/images/buttons/Close.png"
onClick="winMain.stop()"/>
</hbox>
<label id="idStatus" value="." />
<label id="laUserInfo" value="user" />
</hbox>

</north>
<west title="Activities" size="15%" flex="true" maxsize="250"
splittable="true" collapsible="true">
WEST!!
</west>
<center title="Ccckpit" border="normal" flex="true" style="overflow-y:auto;">
<borderlayout height="100%" width="100%">
<north collapsible="true">
<window id="winCockpit" border="normal" width="100%"
height="60px" use="com.dll.cf.crm.main.CockpitViewCtrl" style="background-color: #c6f3f4">

<hbox widths="50px, 200px, 50px, 200px, 50px, 200px">
<label value="Naam" sclass="cockpitLabel"/>
<label id="idName" sclass="cockpitValue"/>

<label value="Geslacht" sclass="cockpitLabel"/>
<label id="idSex" sclass="cockpitValue"/>

<label value="Overeenkomst" sclass="cockpitLabel"/>
<label id="idAppNr" sclass="cockpitValue"/>
</hbox>
<hbox widths="50px, 200px, 50px, 200px, 50px, 200px">
<label value="Status" sclass="cockpitLabel"/>
<label id="idStatus" sclass="cockpitValue"/>

<label value="Geboortedatum" sclass="cockpitLabel"/>
<label id="idDob" sclass="cockpitValue"/>

<label value="Status" sclass="cockpitLabel"/>
<label id="idState" sclass="cockpitValue"/>
</hbox>
<hbox widths="50px, 200px, 50px, 200px, 50px, 200px">
<label value="BSN" sclass="cockpitLabel"/>
<label id="idBsn" sclass="cockpitValue"/>

<label value="Adres" sclass="cockpitLabel"/>
<label id="idAdres" sclass="cockpitValue"/>

<label value="" sclass="cockpitLabel"/>
<label value="" sclass="cockpitValue"/>
</hbox>
</window>
</north>
<center border="normal" >

<tabbox id="idMainTabs" >
<tabs>
<tab label="Taak" />
<tab label="Samenvatting" />
<tab label="Klant" />
<tab label="Accounts" />
<tab label="Historie" />
</tabs>
<tabpanels>
<tabpanel id="tabTask" >
<window style="overflow-y:auto;">
<tabbox height="400px" >
<tabs>
<tab label="NAW" />
<tab label="Inkomen/uitgaven" />
<tab label="Produkt" />
<tab label="Betalingen" />
<tab label="Validate" />
</tabs>
<tabpanels>
<tabpanel id="vldTab2" style="overflow-y:auto;">

<hbox widths="50%, 20%">
<vbox >
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
<label value="geslacht" />
<combobox value="familyname" />
<label value="initials" />
</vbox>
<vbox >
<label value="idConfirm" />
</vbox>
</hbox>
<label id="idGroup" value="person" visible="false" />

</tabpanel>
<tabpanel id="vldTab3" >
</tabpanel>
<tabpanel id="vldTab4" >
</tabpanel>
<tabpanel id="vldTab5" >
</tabpanel>
<tabpanel id="vldTab6" >
</tabpanel>
</tabpanels>
</tabbox>

<toolbar id="idToolbar" >
<button id="btnStop2" label="Stop" />
<button id="btnNext" label="Volgende"/>
</toolbar>
</window>
</tabpanel>
<tabpanel>samenvatting</tabpanel>
<tabpanel>Klant</tabpanel>
<tabpanel>Accounts</tabpanel>
<tabpanel>Historie</tabpanel>
</tabpanels>
</tabbox>

</center>
</borderlayout>
</center>
</borderlayout>
</zk>

answered 2008-11-24 01:14:12 +0800

jumperchen
3909 ● 2 ● 8
http://jumperchen.blogspo...

Hi,

I try your example with ZK 3.5.1 version, and it works well.

/Jumper