JavaScript/jQuery Diagram - viewToolbar

Configures the view toolbar settings.

Type:

Object

Default Value: {}

commands[]

Lists commands in the toolbar.

Type:

Array<CustomCommand | Command>

Default Value: undefined

The view toolbar can contain default and custom commands. Handle the CustomCommand event to respond to a custom command click.

JavaScript
  • $(function() {
  • var diagram = $("#diagram").dxDiagram({
  • viewToolbar: {
  • commands: ["zoomLevel", "fullScreen", "units", {name: "sayHello", text: "Say Hello", icon: "blockquote"},
  • {name: "export", icon: "export", items: ["exportSvg","exportPng","exportJpg"]}]
  • },
  • onCustomCommand: function(e) {
  • if (e.name == "sayHello")
  • alert("Hello!")
  • },
  • }).dxDiagram("instance");
  • });

visible

Specifies the view toolbar's visibility.

Type:

Boolean

Default Value: true