Agent-readable demo data

Title

Kanban Card CSS | DayPilot Pro for JavaScript Demo

Tree

DayPilot JavaScript Demo

Catalog root

Default

Description

Read more about Kanban card CSS [doc.daypilot.org].

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

Inline demo script 1

var dp = new DayPilot.Kanban("dp");
        dp.columns.list = [
            {name: "Analysis", id: "1", barColor: "#f9ba25"},
            {name: "Draft", id: "2"},
            {name: "Testing", id: "3"}
        ];
        dp.cards.list = [
            {id: 1, "name": "Task 1", column: "1", text: "This is a description of task #1."},
            {
                id: 2,
                "name": "Task 2",
                column: "1",
                text: "This task uses a custom CSS class (.highlight).",
                cssClass: "highlight"
            },
        ];
        dp.init();