How can I use methods from KanbanDialog API

[Mauricio]

Hi,

I would like to know how the KanbanDialog API is used. Because I want to use the "enableResize" property to customize the dialog window but I can't find where I have to put it. If you have any example I will appreciate it.

Link: https://ej2.syncfusion.com/angular/documentation/api/kanban/kanbanDialog/#enableresize

[Satheesh Kumar Balasubramanian]

Hi Mauricio, 

  

Greetings from Syncfusion Support..! 

  

We have validated your reported query at our end and prepared sample to use the enableResize property and customize the dialog window which can be viewed from the following link. 

Sample: https://stackblitz.com/edit/kanban-dialog-resize?file=app.component.ts 

  

Code snippet:  

    <ejs-kanban 

      #kanbanObj 

      cssClass="kanban-overview" 

      keyField="Status" 

      [dataSource]="kanbanData" 

      [cardSettings]="cardSettings" 

      enableTooltip="true" 

      [swimlaneSettings]="swimlaneSettings" 

      [dialogSettings]="dialogSettings" 

      (cardRendered)="cardRendered($event)" 

    > 

</ejs-kanban> 

  

  public dialogSettings: DialogSettingsModel = { 

    fields: [ 

      { text: "ID", key: "Title", type: "TextBox" }, 

      { key: "Status", type: "DropDown" }, 

      { key: "Assignee", type: "DropDown" }, 

      { key: "RankId", type: "TextBox" }, 

      { key: "Summary", type: "TextArea" } 

    ], 

    model: { enableResize: true } 

  }; 

  

Kindly try the above sample and get back to us, if you need further assistance.  

   

Regards,   

Satheesh Kumar B