Card Auto Height

Be default, the card height is adjusted to fit the card content.

Auto card height enabled

Auto card height disabled

You can disable this behavior using the cardAutoHeight property.

JavaScript

<div><label for="autoheight"><input type="checkbox" id="autoheight" checked="checked" /> Enable card auto height</label></div>

<div id="dp"></div>

<script type="text/javascript">

    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 is a description of task #2. Testing a task with very long text. Testing a task with very long text. Testing a task with very long text. Testing a task with very long text. Testing a task with very long text. Testing a task with very long text. Testing a task with very long text. Testing a task with very long text."},
    ];
    dp.init();

    $(document).ready(function() {
        $("#autoheight").change(function() {
            dp.cardAutoHeight = $(this).is(":checked");
            dp.update();
        })
    });

</script>