Skip to main content

Spacer

The basic control for arranging and aligning controls on the Editbar by taking some space.

Usage​

{
    type: "spacer"
}

Description​

  • type - (required) the type of a control. Set it to "spacer"

Example​

const editor = new dhx.DiagramEditor("editor_container", {
    type: "org",
    view: {
        editbar: {
            show: true,
            properties: {
                $shape: [
                    { type: "input", key: "name", label: "Task name" },
                    { type: "input", key: "id", label: "ID", readOnly: true },
                    { type: "spacer" },
                    { type: "button", text: "Send", full: true },
                    { type: "spacer" }
                ]
            }
        }
    }
});