TabControl.tabSize Property

Gets or sets the size of the tab headers.

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

 Syntax

JavaScript

get tabSize() {}

 Property Value

A Unit instance. The width of the tab headers in a vertical TabControl, or the height of the tab headers 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);