API Reference: Jx.Tab Extends Jx.Button See Also: Jx.TabBox
Tabs are essentially buttons that toggle a content area. Tabs can have images, labels, or both. Tabs can attach to inline HTML content, load content asynchronously from a URL, or embed other JxLib objects such as panels.
A tab box is a single control that uses a panel to display a toolbar attached to a content area and puts the tabs in the toolbar and the tab content areas into the box's content area.
When you activate a tab in a tab box, the tab will scroll into view if it is not fully visible. If you add a new active tab using the button below, the tab bar should scroll to make the newly added tab visible. If you add new tabs using the other button, then it will not scroll.
Tabs can be enabled and disabled like other buttons, and you can react to tabs becoming active or inactive through events.
You can put the tabs on any edge of the box, but if you want to put them on the left or right with labels, you'll need to use an image with rotated text if you want labels in them.
This tab just has an image.
This tab just has a label.
The label on this tab changes when it is active or inactive. Click the button to enable the other tab and then you can switch to it to see the event happen.
This tab was disabled to start with.
This tab is on the left.
This tab is on the left and it is closeable.