How can I change kanban editing dialog width?

[Yu Kawamura]

I am currently using the syncfusion kanban component.

The card editing dialog width is narrow for me.

How can I change editing dialog width?

The development environment uses Vue 3.3.1, Syncfusion 24.1.44 and JavaScript.

[Vinitha Jeyakumar]

Hi Yu Kawamura,

Your requirement to customize the width of the Edit dialog in the Kanban board can be achieved by using the below CSS styles,

Code snippet:

 

<style>

.e-kanban-dialog.e-dialog {

  width: 450px !important;

}

</style>

Sample: https://stackblitz.com/edit/sq59vr?file=src%2FApp.vue

Regards,

Vinitha