JavaScript/jQuery Diagram - propertiesPanel

Provides access to Properties panel settings.

Type:

Object

Default Value: {}

View Demo

collapsible

Specifies whether the Properties panel can be collapsed.

Type:

Boolean

Default Value: true

enabled

Specifies whether the Properties panel is available.

Type:

Boolean

Default Value: true

View Demo

When the enabled property is set to false, the Properties toolbar button is hidden.

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");
});