Replacement for Angular MatDialog using Kendo Angular Dialog

[Vrushak]

 

We are implementing the Kendo dialog box using angular, and we want to access the dialog box component from a service. Currently this is achieved through material dialog box.

Below code for reference using material dialog

MyService.ts

import { Injectable } from '@angular/core';

import { MatDialog } from '@angular/material/dialog';
import { WarningBoxComponent } from './warning-box/warning-box.component';

@Injectable({
  providedIn: 'root'
})
export class MessageBoxService {
  constructor(public dialog: MatDialog) { }

  public OpertaionNotAllowed(fieldName: string): void {
    this.dialog.open(WarningBoxComponent, {
      data: {
        boxTitle: 'Not Allowed!',
        errorMessage: fieldName + ' operation is not allowed..!'
      }
    });
  }

We can render our component within Mat Dialog box and also pass data to it from service as shown above. Is there any way we can achieve this using kendo dialog as well?

[Stoyan]

Hello Vrushak,

Thank you for the provided code snippet.

The developer can achieve similar functionality by using our DialogService. Please check the following article for more details on how to render a component instance as Dialog content:

https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-component

Let us know in case additional information is needed.

Regards,
Stoyan
Progress Telerik