1. The Cicode sample below will be used in the following example. Open the Cicode Editor and create a new Cicode file, for example: _MyTab_Ex1.ci
   
   

//Callback function to respond to the initialization event of the tab genie
INT FUNCTION MyTabs_Init(STRING sTabs)
// Pre-populate with 2 auto-width tabs
LibTabs_AddTab(sTabs, "Tab1", 0);
LibTabs_AddTab(sTabs, "Tab2", 0);
RETURN TRUE;
END				
					

2. From Graphics Builder create a new page (for example, a Normal Tab Style Page).
3. When created, from the Object Toolbox select the Paste Genie icon.
4. In the Paste Genie window, select the lib_contols library.
5. Select the Tabs genie. The genie is pasted onto the graphics page. In the Tab Genie dialog, configure the following fields:

Parameter	Description
Tab BarName	MyTabs1
Width	400
Height	30
Initialize	MyTabs_Init("#Name")

6. Click OK to save the changes.
7. Save the graphics page, and compile and run the project.

At runtime the tab layout should look like the following:

This is similar to setting a formula in Excel. With binding, cell values are not stored in the tabs control. the control will call the provided Cicode function when it needs the data.

1. Using the Cicode sample below, open the Cicode Editor and create a new Cicode file. For example: 'MyTabs_Ex2.ci'

INT FUNCTION MyTabs_InitDyn(STRING sTabs)
	// Bind callback function for data display
	LibTabs_SetDataTask(sTabs, "Value", "MyTabs_GetCellValue", "^"#Name^",#Tab");
	
	// Set the number of tabs for the control
	LibTabs_SetCount(sTabs, 3);
	
	RETURN TRUE;
END
	
//Function to return the value for a data cell
STRING FUNCTION MyTabs_GetCellValue(STRING sTabs, INT nTab)	
	RETURN "Dyn. value for Tab(" + nTab:# + ")";
END

				

2. As in example 1, add a tabs library control to the graphics page.
3. In the Tabs Genie dialog, configure the following fields:

Parameter	Description
Tabs Name	MyTabs2
Width	400
Height	30
Can Remove Tab	TRUE
Initialize	MyTabs_Initdyn("#Name")

4. Click OK to save the changes.
5. Save the graphics page, and compile and run the project.

At runtime the tab layout should look like the following: