If there is more than one sheet in the workbook, the tab strip displays the sheet names tabs in a tab strip with the tab for the active sheet highlighted. The sheet tabs provide a way for the user to navigate to different sheets.

You can customize how and if to display the sheet names in tabs of the Spread component. By default, the tab strip is not displayed because there is only one sheet in the component until more sheets are added. If you add additional sheets, the tab strip by default is then displayed showing the sheet name tabs.

Possible customizations include:

• Tab Strip Display
• Tab Strip Appearance
• Tab Strip Placement
• Tab Strip Width
• Pointer Display over Tab Strip
• First Tab in Tab Strip
• Tab Strip Events

All of these settings you can manipulate in code. Some of these aspects you can set in the Spread Designer. For more information on how to work with the tab strip settings in Spread Designer, refer to the Spread Settings, General tab in the Spread Designer Guide.

In general, refer to these classes:

• FpSpread
• SheetTab
• TabStrip

Tab Strip Display

You can set the component to always or never display the tab strip, or to display only when there is at least two sheets. For more information and code examples, refer to these members:

• FpSpread class, TabStripPolicy property
• FpSpread class, TabStrip property
• TabStrip class, ButtonPolicy
• TabStripButtonPolicy enum

Note: If you are planning to export the contents of the Spread to import into Excel, do not use characters in the sheet name that are invalid in Excel. Invalid Excel sheet name characters are include: ? / \ * [ ]

For more information on how to add sheets to the workbook, refer to Adding a Sheet.

Tab Strip Appearance

You can customize the appearance of the entire tab strip as well as the individual sheet name tabs.

You can set properties for the tab strip such as the background color (set the InterfaceRenderer to nothing or null and visual styles to off) and text font for the sheet tabs. The default sheet names are Sheet1, Sheet2, etc. You can specify other names for the sheets and these appear in the sheet tabs. You can also allow the user to edit the sheet names.

You can customize the name of each sheet. Use the SheetName property in the SheetView class. For more information, refer to these members:

• SheetTab class members
• TabStrip class members

Tab Strip Placement

You can customize where the tab strip is displayed in the overall component.

Placement Value	Sample Showing Placement
Top (at the top of the component above the headers)
Bottom (under the scroll bar at the bottom of the component)
WithScrollBar (alongside the scroll bar at the bottom of the component)

If the tab strip is placed at the top of the sheet, and the grouping display is turned on, the tab strip appears below the group bar but above the column headers and the rest of the sheet.

For more information and code examples, refer to the FpSpread class TabStripPlacement property.

Tab Strip Width

You can specify the width of the tab strip in relation to the overall scroll bar width, if the tab strip and scroll bar are displayed together in line.

You can set how wide the tab strip is, and therefore, how many sheet tabs are displayed. If the number of tabs exceeds the width of the tab strip, the component displays buttons. Click the buttons to display the next (or previous) sheet tabs. The width is set by setting the FpSpread TabStripRatio property, which sets the width of the tab strip as a percentage of the length of the entire component. By default, the ratio is set to 0.50 (area is divided 50% tab strip and 50% scroll bar). For more information on setting the scroll bar properties, refer to Customizing the Scroll Bars of the Component.

Pointer Display over Tab Strip

You can specify that the cursor (or pointer) change appearance when it is over the tab strip. Use the CursorType Enumeration, TabStrip value to display a pointer in the sheet tabs.

First Tab in Tab Strip

You can set which sheet tab to display as the left-most tab. This is done using the LeftTab property of the FpSpread class.

Tab Strip Events

You can work with the following events and event handlers.

• FpSpread Class, OnSheetTabClick Method and OnSheetTabDoubleClick Method
• SheetTabClick Event
• SheetTabClickEventArgs Class
• SheetTabClickEventHandler Delegate
• SheetTabDoubleClick Event
• SheetTabDoubleClickEventArgs Class
• SheetTabDoubleClickEventHandler Delegate

The name of the event that is fired when a user clicks on the sheet name tab is the SheetTabClick event.

The tab that the user has clicked can be determined by getting the SheetTabIndex value. The e.SheetTabIndex returns the tab that is clicked on.

To display the tab name you can use a message box,

          MsgBox(FpSpread1.Sheets(e.SheetTabIndex).SheetName)

Return to Customizing Interaction in the Overall Component.

Using the Properties Window

1. In the Properties window, select the Spread component.
2. Specify the width of the tab strip by setting the TabStripRatio property.
3. Specify when sheet tabs are displayed by setting the TabStripPolicy property.
4. Specify the location of the tab strip by setting the TabStripPlacement property.
5. Specify when the buttons are displayed by clicking the TabStrip property, then setting the ButtonPolicy property.
6. Specify the background color for the sheet tabs by clicking the TabStrip property, then setting the BackColor property.

Using a Shortcut

1. Specify the width of the tab strip by setting FpSpread class TabStripRatio property.
2. Specify when sheet tabs are displayed by setting FpSpread class TabStripPolicy property.
3. Specify where the tab strip is displayed by setting the FpSpread class TabStripPlacement property.
4. Specify when the buttons are displayed by setting TabStrip class ButtonPolicy property.
5. Specify the background color for the sheet tabs by setting TabStrip class BackColor property.

Example

In this example, set the sheet tabs to always appear, set the tab strip buttons to only appear as needed, set the background color of the sheet tabs to Bisque, and set the width of the tab strip to 60%.

Using Code

1. Specify the width of the tab strip by setting the FpSpread class TabStripRatio property.
2. Specify when sheet tabs are displayed by setting the FpSpread class TabStripPolicy property.
3. Create a new TabStrip object, and set its value equal to the FpSpread object TabStrip property.
4. Set theTabStrip object ButtonPolicy property to specify when the buttons are displayed, and set its BackColor property to specify the background color.

Example

In this example, set the sheet tabs to always appear, set the tab strip buttons to only appear as needed, set the background color of the sheet tabs to Bisque, and set the width of the tab strip to 60%.

Using the Spread Designer

1. From the Settings menu, choose Tab Strip (appearance section).
2. Under TabStripPolicy, select when you want the sheet tabs to be displayed or select Never to hide the sheet tabs.

   No matter which item you select, inside Spread Designer the sheet tabs are always displayed to assist you in designing your component. When you exit Spread Designer and apply your changes, you can see the effect of the tab settings in your component, or you can see it by previewing the component inside Spread Designer. To preview inside Spread Designer, from the File menu choose Preview.

3. Set the width of the tab strip by setting the value in the Sheet Tab Percentage box.
4. Click OK to close the Spread Options dialog.
5. Select the Spread object.
6. In the property list, select the TabStrip property to see its properties.
7. Change the ButtonPolicy property if you want to change when the tab strip buttons are displayed.
8. Change the BackColor property if you want to change the background color for the tab strip.
9. From the File menu choose Apply and Exit to apply your changes to the component and exit Spread Designer.