Kanban component not showing in production

 Hello i am trying to create a chrome extension using angular. the extension uses the kanban component and the dialog component. The application runs fine in dev mode as shown in the screenshot, once i upload the the extension into chrome the component doesn't get shown, as in the screenshot, i sho uld mention that when i inspect the extension sourcecode i can see the ejs-kanban component, but it doesn't get displayed for some reason ! I should mention that the component was being displayed before i added the dialog component. what can be causing this ?
here is my angular json config:

"architect":{
"build":{
...

            "styles": [

              "src/styles.css",

              "node_modules/@syncfusion/ej2-base/styles/material.css",

              "node_modules/@syncfusion/ej2-angular-kanban/styles/material.css",

              "node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css",

              "node_modules/@syncfusion/ej2-angular-popups/styles/material.css",

              "node_modules/@syncfusion/ej2-icons/styles/material.css",

              "node_modules/@syncfusion/ej2-buttons/styles/material.css"

            ],
...


Capture.PNG


3 Replies

SS Selvakumar Subramani Syncfusion Team August 19, 2024 03:50 PM UTC

Hi,

We have validated your reported issue and created a sample application, which we built for production. However, in our testing, we were unable to replicate the issue with the Kanban component in the production environment. We’ve attached the sample for your reference.

Could you please confirm if you are still able to reproduce the issue in your production environment?

Additionally, can you confirm whether this issue occurs when the Kanban component is rendered with a dialog or without a dialog?

Best regards,
Selvakumar S



Attachment: Kanban_2d562a2d.zip


BA brahimi ahmed farouk August 19, 2024 03:56 PM UTC

Hello, Thanks for getting back. I was able to solve this issue. I am using the dialog provided by kanban by setting the `showAddButton` in the columns model settings :

export const columns: ColumnsModel[] = [
    {
        headerText: 'To Apply',
        keyField: 'toApplyStatus',
        showAddButton: true,
        allowToggle: true,
    },


SS Selvakumar Subramani Syncfusion Team August 21, 2024 10:37 AM UTC

Hi brahimi ahmed farouk,

Thanks for the update. Please get back to us if you need any further assistance.


Loader.
Up arrow icon