Adding a directive to Kendo DialogService

Question

Is it possible to add directives to a popup service, in our case we use Kendo and would like to add the cdkDrag directive to the popup, we have not been able to get the popup to be draggable. Only the contents in the popup are draggable.

import { DialogCloseResult, DialogRef, DialogService } from '@progress/kendo-angular-dialog';

constructor(
    private dialogService: DialogService,
){}

constructPopup(){
    const dialogRef = this.dialogService.open({
        title: "Some Title",
        content: MyCustomComponent
    });
}

Answer 1

Kendo has a window service that you can use instead that is draggable

import { WindowService } from "@progress/kendo-angular-dialog";

constructor(
    private _window: WindowService,
){}

constructPopup(){
    const dialogRef = this.dialogService.open({
        title: "Some Title",
        content: MyCustomComponent
    });
}

This option is draggable and gives all the same functionality as the dialogue and some more.

Hope this answer helps