Category / Section
How to disable dragging in modal dialog
1 min read
In a modal dialog, dragging is enabled by default. It allows you drag the control around the page. You can disable dragging using the allowDraggable property of the dialog. The default value of this property is true. To disable the dragging functionality, set the allowDraggable property to false. The following code sample demonstrates how to disable dragging.
$("#basicDialog").ejDialog({
width: 550,
minWidth: 310,
minHeight: 215,
// Sets the dialog container
target: ".control",
// Renders the modal dialog
enableModal: true,
// Disables dragging of the dialog
allowDraggable: false
});
Final output
You can find the sample in this following link: Sample
