JavaScript/jQuery Diagram - propertiesPanel.tabs.groups

Contains an array of command groups in the tab.

Type:

Array<Object>

commands

Lists commands in a group.

Type:

Array<CustomCommand | Command>

A properties panel group can contain default and custom commands. Handle the CustomCommand event to respond to a custom command click.

JavaScript
  • $(function() {
  • var diagram = $("#diagram").dxDiagram({
  • propertiesPanel: {
  • visibility: 'visible',
  • tabs: [
  • {
  • groups: [ {
  • title: "Page Properties",
  • commands: ["pageSize", "pageOrientation", {name: "sayHello", text: "Say Hello", icon: "blockquote"}]
  • } ]
  • }
  • ]
  • },
  • onCustomCommand: function(e) {
  • if (e.name == "sayHello")
  • alert("Hello!")
  • },
  • }).dxDiagram("instance");
  • });

title

Specifies a title of the group.

Type:

String