JavaScript/jQuery Diagram - propertiesPanel.groups

Contains an array of command groups in the Properties panel.

Type:

Array<Object>

Default Value: undefined

jQuery
JavaScript
$(function () {
    var diagram = $("#diagram").dxDiagram({
        propertiesPanel: {
            visible: true,
            collapsible: false,
            groups: [
                { commands: ["units"] },
                { commands: ["pageSize","pageOrientation","pageColor"] }
            ]
        },
    }).dxDiagram("instance");
});

commands

Lists commands in a group.

Type:

Array<String>

Accepted Values: 'zoomLevel' | 'autoZoom' | 'showGrid' | 'snapToGrid' | 'gridSize' | 'units' | 'pageSize' | 'pageOrientation' | 'pageColor'