MindFusion.Common.UI.ToolStrip Class | JavaScript Component Suite

Represents a container of toolbar buttons.

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

Syntax

JavaScript Copy Code
// class ToolStrip.prototype = {}

Remarks

ToolStrip is also available as a React component.

Example

The following sample creates a ToolStrip that is 100 pixels wide and takes all the height of the browser window. Different ToolStrip properties are used to customize the appearance of the control.

JavaScript Copy Code
var ui = MindFusion.UI; var theme = "standard"; // create a new instance of the WindowHost control var toolstrip = new ui.ToolStrip(document.getElementById("toolstrip")); toolstrip.width = new ui.Unit(100, ui.UnitType.Pixel); toolstrip.height = new ui.Unit(100, ui.UnitType.Percent); toolstrip.itemSize = new ui.Unit(50); toolstrip.orientation = ui.Orientation.Vertical; toolstrip.collapsible = true; toolstrip.scrollable = false; toolstrip.theme = theme;

JavaScript

Copy Code

var ui = MindFusion.UI;

var theme = "standard";

// create a new instance of the WindowHost control
var toolstrip = new ui.ToolStrip(document.getElementById("toolstrip"));
toolstrip.width = new ui.Unit(100, ui.UnitType.Pixel);
toolstrip.height = new ui.Unit(100, ui.UnitType.Percent);
toolstrip.itemSize = new ui.Unit(50);
toolstrip.orientation = ui.Orientation.Vertical;
toolstrip.collapsible = true;
toolstrip.scrollable = false;
toolstrip.theme = theme;

Inheritance Hierarchy

MindFusion.Common.UI.Control
    MindFusion.Common.UI.ListContainer
        MindFusion.Common.UI.ToolStrip
            MindFusion.Common.UI.TabStrip

Syntax

Remarks

Example

Inheritance Hierarchy

See Also