All docs
V19.2
24.2
The page you are viewing does not exist in version 24.2.
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Vue
A newer version of this page is available. Switch to the current version.

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'