This is a migrated thread and some comments may be shown as answers.

Appending Dialog to Body by default

2 Answers 600 Views

Dialog

This is a migrated thread and some comments may be shown as answers.

2 Answers, 1 is accepted

answered on 28 Jan 2019, 08:38 PM

well figured it out, got a a bit of help from Notification code:

Firstly the DialogContainerComponent

@Component({

selector: 'app-dialog-container',

template: `<ng-template kendoDialogContainer></ng-template>`

})

export class DialogContainerComponent {

}

private ensureKendoDialogContainer() {

if (this.dialogContainerAttached) { return; }

const dialogContainerComponent = this.resolver.resolveComponentFactory<DialogContainerComponent>(DialogContainerComponent)

.create(this.injector);

this.applicationRef.attachView(dialogContainerComponent.hostView);

const hostViewElement = ( dialogContainerComponent.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;

document.body.appendChild(hostViewElement);

this.dialogContainerAttached = true;

}