Agent-readable demo data

Title

Kanban Swimlane Collapsing | DayPilot Pro for JavaScript Sandbox

Tree

DayPilot JavaScript Sandbox

Catalog root

Default

Description

Read more about Kanban swim lane collapsing [doc.daypilot.org].

• Canonical HTML: /sandbox/kanban/swimlanecollapsing.html
• Markdown companion: /sandbox/kanban/swimlanecollapsing.md
• Folder: /sandbox/kanban/
• Root: /sandbox/
• Catalog: /sandbox/llms.txt

Inline demo script 1

const kanban = new DayPilot.Kanban("kanban", {
            swimlaneCollapsingEnabled: true,
        });
        kanban.init();

        const app = {
            loadData() {
                const columns = [
                    {name: "Analysis", id: 1, barColor: "#f9ba25"},
                    {name: "Draft", id: 2},
                    {name: "Testing", id: 3}
                ];
                const swimlanes = [
                    {name: "Swimlane A", id: "A"},
                    {name: "Swimlane B", id: "B", collapsed: true}
                ];
                const cards = [
                    {
                        id: 1,
                        name: "Task 1",
                        column: 1,
                        swimlane: "A",
                        text: "This is a description of task #1."},
                    {
                        id: 2,
                        name: "Task 2",
                        column: 1,
                        swimlane: "B",
                        text: "This is a description of task #2.",
                        barColor: "#ea3624"
                    },
                    {
                        id: 3,
                        name: "Task 3",
                        column: 1,
                        swimlane: "B",
                        text: "This is a description of task #3.",
                        barColor: "#ea3624"
                    }
                ];
                kanban.update({columns, cards, swimlanes});
            }
        };
        app.loadData();