TabControl.draw Method

Control.draw override.

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

 Syntax

JavaScript

function draw ()

 Example

The following code creates a TabControl programmatically and appends it to an HTML element called "tabs": 

JavaScript

function loadWindow(sender)
{
  // create a new instance of the TabControl control
  var tabControl = new ui.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.navigateUrl = "products.html";
  tab.templateUrl = "Window1.html";
  tab.allowClose = false;  tabControl.tabs.add(tab);  sender.element.querySelector("#tabs").appendChild(tabControl.draw());
  tabControl.attach();
}