How to use the Accordion style TAB-CONTROL.

Estimated Reading Time: 1 Minutes

278 Support KB Author January 6, 2026 User Interface 7363

Starting with the 2016R1 release, isCOBOL provides support for the ACCORDION-style TAB-CONTROL.

This feature can be enabled by applying the ACCORDION style to a TAB-CONTROL element. When this style is active, the tab-group associated with each tab are displayed only when their corresponding tab item is selected. The behavior mimics an accordion layout: selecting an item expands its associated content while collapsing the previously active section.

Here's a code example:

   03 Tb1-accordion tab-control
      line 2 col 2 lines 17 cells size 68 cells
      accordion.
   03 tb1-accordion-page1 
      tab-group Tb1-accordion tab-group-value 1.
      05 label 
      . . .
   03 tb1-container-page2
      tab-group Tb1-accordion tab-group-value 2.
      05 label 
      . . .

The image shows the final result with the ACCORDION style set on TAB-CONTROL. You can see the full sample program in %ISCOBOL%/sample/issamples under GUI controls, TAB-CONTROL, Accordian