Hide Kanban Dialog Buttons

How do you change the Kanban dialog header?

Is there a setting to hide the Kanban dialog delete button?



3 Replies

BS Buvana Sathasivam Syncfusion Team September 19, 2022 06:45 PM UTC

Hi Addy,


Greetings from Syncfusion support.


Query #1: “How do you change the Kanban dialog header?”

You can able to change the Kanban dialog header using dialogOpen event. Please see the code below for your reference. 

app.component.html

 <ejs-kanban

      (dialogOpen)="dialogOpen($event)"

    >

    </ejs-kanban>


app.component.ts

  dialogOpen(argsDialogEventArgs): void {

    args.element.ej2_instances[0].header = 'Edit';

  }


API link: https://ej2.syncfusion.com/angular/documentation/api/kanban/#dialogopen


Query #2: “Is there a setting to hide the Kanban dialog delete button?

You can hide the Kanban dialog delete button using the below CSS code.

<style>

    .e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {

        displaynone;

    }

</style>


Sample: https://stackblitz.com/edit/angular-fiu4qm?file=app.component.ts,app.component.html,app.component.css


Regards,

Buvana S



KJ Kevin James replied to Buvana Sathasivam September 19, 2022 10:52 PM UTC

Thank you for guidline.



VJ Vinitha Jeyakumar Syncfusion Team September 20, 2022 05:02 AM UTC

Hi Kevin,


We are glad to assist you.

Regards,
Vinitha

Loader.
Up arrow icon