How to change ‘No Tasks’ message when there’s no data in kanban?

[Andreas Boos]

Hi.

Can I change or set empty in ‘No Tasks’ message when there’s no data?

[svetoslav_borislavov]

Hi,

You can change the value with the localization functionality.
Just set the message for ’empty’ this way:

messages: {
en: {
empty: "Its empty"
}
}

Here is an example: https://codepen.io/Svetoslav-Borislavov/pen/zYLVmGY?editors=0010

If you face any further difficulties, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[dinesh]

Is there an option turn on/off the option of displaying the “empty” message?  Some time we may want to, other cases we don’t. For example in demo – Smart Kanban Web Component | Kanban | Smart UI for Web Components (htmlelements.com) – we may not want to display “no tasks” at group level, but do at the leaf level.

[svetoslav_borislavov]

Hi,

You may turn off the message either for all the columns or for specific ones, here is an example:
https://codepen.io/svetoslavb04/pen/mdarMMr

Turning off the message can be made with pure CSS:

/*For specific columns*/
.smart-kanban-column[data-field=”manualTesting”] .smart-kanban-column-content-tasks.empty:after{
content: “”
}

/*For all columns*/
.smart-kanban .smart-kanban-column-content-tasks.empty:after {
content: “”
}

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts