TabControl.tabStripSize Property

Gets or sets the size of the TabStrip.

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

 Syntax

JavaScript

get tabStripSize() {}

 Property Value

Unit. The height of the TabStrip in a vertical TabControl, or the width of the TabStrip in a horizontal TabControl.

 Example

The following code creates a TabControl using a reference to an HTML <div> element called "tabcontrol". It adds one TabPage to the control and selects that page:

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.tabSize = new ui.Unit(30, 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.navigateUrl = "products.html";
tab.templateUrl = "Window1.html";
tab.allowClose = false;tabControl.tabs.add(tab);
tabControl.selectItem(tab);