JavaScript/jQuery Diagram - mainToolbar
Configures the main toolbar settings.
Type:
Default Value: {}
commands[]
Lists commands in the toolbar.
The main toolbar can contain default and custom commands. Handle the CustomCommand event to respond to a custom command click.
jQuery
JavaScript
$(function() {
var diagram = $("#diagram").dxDiagram({
mainToolbar: {
visible: true,
commands: ["fontName", "fontSize", "bold", "italic", "underline", {name: "sayHello", text: "Say Hello", icon: "blockquote"}]
},
onCustomCommand: function(e) {
if (e.name == "sayHello")
alert("Hello!")
},
}).dxDiagram("instance");
});Feedback