We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Toggle Swimlanes with Field added from JQuery


When I add fields using this way. The toggle swimlane option is not working.

If I use fields like this way its working. Can I get a fix for this?

Other options are working fine, Cards are loading.

Thank you

5 Replies

IS Indrajith Srinivasan Syncfusion Team January 31, 2023 01:42 PM UTC

Hi Kavishka,

Greetings from Syncfusion support,

Currently we are validating your reported query with your shared information, and we will update you the details on or before 2nd Feb 2023. Until then we appreciate your patience.



VJ Vinitha Jeyakumar Syncfusion Team February 9, 2023 06:59 AM UTC

Hi Kavishka,

We have created a sample as per your use case scenario using Kanban. But we didn't face any issues as you reported. we can toggle the swimlanes without any issue. Please check the sample below for your reference.

Can you please share us with the issue replicating entire code snippet or modify the attached sample with the issue reproducing code to validate further on our end.


KS Kavishka Subashana March 9, 2023 09:42 AM UTC


I changed the sample like this way. Added the Kanban board control similar to my application. The cards wont load because somehow its now taking the jQuery code. Can you send me the fixed code similar to this without passing JSON DataSource in jQuery object?


Thank you.

VJ Vinitha Jeyakumar Syncfusion Team March 29, 2023 07:33 AM UTC

Hi Kavishka,

Currently, we are validating the queries you have reported. We will provide you with further details on or before 31st March 2023.


VJ Vinitha Jeyakumar Syncfusion Team April 3, 2023 11:50 AM UTC

Hi Kavishka,

We modified the sample code you have shared by using setModel with Kanban instance to bind the columns and fields to the Kanban board in the created event. Please check the code below,

Code snippet:
 <ej:Kanban ID="KanbanBoard22" runat="server" KeyField="Status" AllowToggleColumn="true" >
          <ClientSideEvents Create="Created" />
        function Created() {          
            var KanObj = $("#<%= KanbanBoard22.ClientID %>").data("ejKanban");
                columns: [{
                    headerText: "Testing",
                    key: "Testing"
                }, {
                    headerText: "Validate",
                    key: "Validate"
                }, {
                    headerText: "Open",
                    key: "Open"
                }], keyField: "Status", fields: {
                    primaryKey: "Id",
                    content: "Summary",
                    swimlaneKey: "Assignee",
                    title: "Id"


Live Chat Icon For mobile
Up arrow icon