TabPage Class

Represents a tab page in a TabControl.

Namespace: MindFusion.Common.UI
File: TabPage.js

 Syntax

JavaScript

// class
TabPage.prototype = {}

 Example

The following code creates a new TabControl and adds a new TabPage to its tabs collection.

JavaScript

// create a new instance of the TabControl control
var tabControl = new ui.TabControl(document.getElementById("tabcontrol"));
tabControl.width = tabControl.height = new ui.Unit(100, ui.UnitType.Percent);
tabControl.tabStripSize = new ui.Unit(100, ui.UnitType.Pixel);
tabControl.theme = "standard";var tab = new ui.TabPage("«");
tab.header.size = new ui.Unit(20);
tab.header.interactive = false;
tab.header.tooltip = "Previous Tab";
tab.data = -1;
tab.enabled = false;
tab.header.cssClass = "tab-back";
tabControl.tabs.add(tab);

 Inheritance Hierarchy

MindFusion.Common.UI.TemplatedItem
    MindFusion.Common.UI.ListItem
        MindFusion.Common.UI.TabPage