draggable.md

layout	title	description	platform	control	documentation	domainurl
post	Draggable in Angular Predefined dialogs component | Syncfusion	Learn here all about Draggable in Syncfusion Angular Predefined dialogs component of Syncfusion Essential JS 2 and more.	ej2-angular	Draggable	ug

Draggable in Angular Predefined dialogs component

The predefined dialogs supports dragging within its target container by grabbing the dialog header, which allows the user to reposition the dialog dynamically by using isDraggable property.

Alert dragging

{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/predefined-dialogs/alert-drag-cs1/src/app.component.ts %} {% endhighlight %}

{% highlight ts tabtitle="main.ts" %} {% include code-snippet/predefined-dialogs/alert-drag-cs1/src/main.ts %} {% endhighlight %} {% endtabs %}

{% previewsample "page.domainurl/samples/predefined-dialogs/alert-drag-cs1" %}

Confirm drag

{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/predefined-dialogs/confirm-drag-cs1/src/app.component.ts %} {% endhighlight %}

{% highlight ts tabtitle="main.ts" %} {% include code-snippet/predefined-dialogs/confirm-drag-cs1/src/main.ts %} {% endhighlight %} {% endtabs %}

{% previewsample "page.domainurl/samples/predefined-dialogs/confirm-drag-cs1" %}

Prompt drag

{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/predefined-dialogs/prompt-drag-cs1/src/app.component.ts %} {% endhighlight %}

{% highlight ts tabtitle="main.ts" %} {% include code-snippet/predefined-dialogs/prompt-drag-cs1/src/main.ts %} {% endhighlight %} {% endtabs %}

{% previewsample "page.domainurl/samples/predefined-dialogs/prompt-drag-cs1" %}