-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi
Here is the code on the above subject
I need two things here as follows
1. By default , only the first tab is in expanded position. How we are expand all the tabs by default
2. Second, on the right corner of the each tab, i want to show images : one for expandable and one for collapse image. How we can do this
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?> <?page title="Method1" contentType="text/html;charset=UTF-8"?> <zk> <style> .nav_tabs .z-tab-accordion-text {background: #0A246A;color:Yellow} .nav_tabs .z-tab-accordion-hm {background: #0A246A;color:Yellow} .nav_tabs .z-tabpanel-accordion {background:#EAECF0} </style> <window title="Administration" border="normal" width="200px"> <tabbox mold="accordion" id="tabBoxAdd" sclass="nav_tabs"> <tabs id="tabsAdd"> <tab label="Contacts" /> <tab label="Claim Settings" /> <tab label="Providers" /> <tab label="Practice Settings" /> <tab label="Insurance" /> <tab label="ICD and CPT" /> <tab label="Other" /> </tabs> <tabpanels id="Contacts" sclass="nav_tabs1"> <tabpanel> <vbox> <toolbarbutton id="Adjuster" label="Adjusters" /> <toolbarbutton id="Attroneys" label="Attroneys" /> <toolbarbutton id="CaseManager" label="CaseManager" /> <toolbarbutton id="Employers" label="Employers" /> </vbox> </tabpanel> <tabpanel> <vbox> <toolbarbutton id="ClaimCustomFields" label="Claim Custom Fields" /> <toolbarbutton id="Claimstatus" label="Claim Status" /> <toolbarbutton id="InsFollowupStatus" label="Ins Followup status" /> <toolbarbutton id="Modifiers" label="Modifiers" /> </vbox> </tabpanel> <tabpanel> <vbox> <toolbarbutton id="PracticeProviders" label="Practice Providers" /> <toolbarbutton id="ReferringProviders" label="Referring Providers" /> <toolbarbutton id="PrimarycareProvider" label="Primary Care Providers" /> </vbox> </tabpanel> </tabpanels> </tabbox> </window> </zk>
You might use <panel> to simulate your purpose.
Like this:
<zk> <window title="Administration" border="normal" width="200px"> <vbox> <panel collapsible="true" border="normal" title="Contacts"> <panelchildren> <vbox> <toolbarbutton id="Adjuster" label="Adjusters" /> <toolbarbutton id="Attroneys" label="Attroneys" /> <toolbarbutton id="CaseManager" label="CaseManager" /> <toolbarbutton id="Employers" label="Employers" /> </vbox> </panelchildren> </panel> <panel collapsible="true" border="normal" title="Contacts"> <panelchildren> <vbox> <toolbarbutton id="ClaimCustomFields" label="Claim Custom Fields" /> <toolbarbutton id="Claimstatus" label="Claim Status" /> <toolbarbutton id="InsFollowupStatus" label="Ins Followup status" /> <toolbarbutton id="Modifiers" label="Modifiers" /> </vbox> </panelchildren> </panel> <panel collapsible="true" border="normal" title="Contacts"> <panelchildren> <vbox> <toolbarbutton id="PracticeProviders" label="Practice Providers" /> <toolbarbutton id="ReferringProviders" label="Referring Providers" /> <toolbarbutton id="PrimarycareProvider" label="Primary Care Providers" /> </vbox> </panelchildren> </panel> </vbox> </window> </zk>
Asked: 2012-04-19 13:38:53 +0800
Seen: 175 times
Last updated: May 21 '12