1. Home
  2. Forum
  3. ASP.NET Web Forms
  4. Add New window is not opening with KanbanEdit.Addcard()

Add New window is not opening with KanbanEdit.Addcard()

Hello,

when I don't have any records the kanban board is not opening the add new form with a separate button. If I have at least one record the add new form is opening properly.

Thank you

Image_5610_1693458383655


Image_2495_1693458406722

When I have at least one record :

Image_3058_1693458427230


When I don't have records :

Image_8908_1693458488200

Image_3205_1693458501565

Image_8687_1693458523041


4 Replies
VY Vinothkumar Yuvaraj Syncfusion Team September 4, 2023 12:27 PM UTC

Hi Kavishka,


We have reviewed your reported query and have created a simple project based on the information you provided. Unfortunately, we were unable to replicate your problem at our end. Could you please see the attached sample for your reference?


Could you please share the following information to help us replicate your problem on our end?

  • Could you share the exact code from your application or provide an issue-replicating sample?
  • If possible, please modify the shared sample to include the code that replicates the issue.


We want to let you know that the EJ1 platform has been deprecated. If possible, could you update your code to use the EJ2 Kanban component? For reference, please consult the following documentation and demo link.


Demo: https://ej2.syncfusion.com/demos/#/bootstrap5/kanban/overview.html


Documentation: 

https://ej2.syncfusion.com/documentation/kanban/getting-started 

https://www.syncfusion.com/javascript-ui-controls/js-kanban-board


Regards,

Vinothkumar


Attachment: 184355_(2)_94c9e1ff_bb36f0ac.zip

KS Kavishka Subashana September 4, 2023 02:28 PM UTC

Thank you we will think about moving to EJ2 version in future. Out application is heavily using most of the EJ1 controls and need to consider the impact of changing.

I edited the sample you gave and it's also not giving the add new window if we are not passing any data to the kanban. If we pass at least one card details the add new is working fine.

I'm attaching the sample.

Thank you




Attachment: Sample_Kanban_without_Data_82a3456e.rar

VY Vinothkumar Yuvaraj Syncfusion Team September 6, 2023 03:18 PM UTC

Hi Kavihka,


We have considered the reported issue "The EJ1 kanban component addCard method is not working properly" as a bug from our end, and we will share the custom patch at the end of September 2023.


Now you can track the status of the reported issue through the feedback below,

https://www.syncfusion.com/feedback/46680/the-ej1-kanban-component-addcard-method-is-not-working-properly


VJ Vinitha Jeyakumar Syncfusion Team October 4, 2023 05:23 AM UTC

Hi Kavihka,


On further validation, we have found that this is not a bug and it can be resolved in the application end by using a `showColumnWhenEmpty` property in Kanban that is utilized to display Kanban boards with empty data. When the data is set to empty, you should specify the dropdown value, as demonstrated in the following code snippet. Please refer to the provided code and attached sample for further information.


 var statusOptions = ["Open", "InProgress", "Close"];

 var assigneeOptions = ["Andrew Fuller", "Janet", "John Doe"];       

  $("#kanban").ejKanban(

                {

                    enableTotalCount: true,

                    dataSource: dataManager,

                    columns: [

                        { headerText: "Backlog", key: "Open", isCollapsed: true },

                        { headerText: "In Progress", key: "InProgress", isCollapsed: true },

                        { headerText: "Done", key: "Close", isCollapsed: true }

                    ],

                    fields: {

                        content: "Summary",

                        primaryKey: "Id"

                    },

                    editSettings: {

editItems: [{ field: "Id" },

                            { field: "Status", editType: ej.Kanban.EditingType.Dropdown, editParams: { dataSource: statusOptions } },

                            { field: "Assignee", editType: ej.Kanban.EditingType.Dropdown, editParams: { dataSource: assigneeOptions } },

                            { field: "Estimate", editType: ej.Kanban.EditingType.Numeric, editParams: { decimalPlaces: 2 } },

                            { field: "Summary", editType: ej.Kanban.EditingType.TextArea, editParams: { height: 100, width: 200 } }

                        ],

allowEditing: true,

allowAdding: true

                    },

                    showColumnWhenEmpty: true,

                    keyField: "Status"

                });

        });


API Link: https://help.syncfusion.com/api/js/ejkanban#methods:kanbanedit-endedit


Regards,

Vinothkumar


Attachment: 184355_5a5f037b_9874d5a4.zip


Loader.
Up arrow icon