More Info about Tabstrip
Browser Compatibility | Editability in Style Editor | Accessibility – 508 Support
Browser Compatibility
Some versions of Netscape Navigator cannot display certain visual nuances of the standard tabstrip control.
 |
 |
| Figure 1: Example of the standard tabstrip |
Figure 2: Example of the tabstrip in Netscape Navigator 4 This tabstrip is much less sophisticated visually than the standard tabstrip (figure 1) — the tabs and the tab card have no border, there is a space between the tabs, and the height of the active tab is the same as the height of the inactive tabs. |
 |
 |
|
Figure 3: Example of the tabstrip in Netscape Navigator 6.1 This tabstrip is different from the standard tabstrip (figure 1) in that there is a space between the tabs. Additionally, the active tab is the same height as the inactive tabs. |
Figure 4: Example of the tabstrip in Netscape Navigator 6.2 This tabstrip is different from the standard tabstrip (figure 1) in that the tabs are all the same height. |
Tabstrip Items
Tabstrip items cannot be stored on the Web client. The application has to manage tabstrip items. Therefore, changing the tabs always generates the event tabSelectionChange. It is recommended to at least declare the method so that no exception will be thrown if the application is opened in a Netscape Navigator 4 Web client.
Editability in Style Editor
In the Style Editor, it is possible to change all the background and border colors, as well as the padding and all the text attributes. Here is a list of the styles you can influence:
|
Group
|
Style
|
IE 5 and above
|
Netscape 4.7
|
|---|---|---|---|
| Tabstrip Styles | Background Color of Selected Tab |
x
|
x
|
| Background Color of Inactive Tab |
x
|
||
| Left Border of Inactive Tabs |
x
|
||
| Right Border of Inactive Tabs |
x
|
||
| Top Border of Inactive Tabs |
x
|
||
| Tab Padding |
x
|
||
| Tabstrip Border Color |
x
|
||
| Tab Height |
x
|
||
| Container | Container Border |
x
|
|
| Top Border of Container |
x
|
||
| Right Border of Container |
x
|
||
| Left Border of Container |
x
|
Table 1: Editable styles for the tabstrip control
For common styles see section HTMLB Controls and Style Editor in Customer Branding and Style Editor.
Accessibility – 508 Support
- Keyboard: Each tab of a tabstrip is inserted into the accessibility hierarchy by default.
- Default Description: Is provided by the HTMLB rendering engine for each tab.
- Application-specific Description: Set an additional description using the setTooltip method for each tab if needed.