ToolStrip Class

Represents a container of toolbar buttons.

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

 Syntax

JavaScript

// 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

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