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

Question

Enterprise Data Grid &#038; UI Components for Angular, React &#038; Blazor &rsaquo; Forums &rsaquo; Kanban &rsaquo; How to change &#8216;No Tasks&#8217; message when there&#8217;s no data in kanban?

This topic has 3 replies, 3 voices, and was last updated 2 years, 8 months ago by svetoslav_borislavov.

Viewing 4 posts - 1 through 4 (of 4 total)

Author
		Posts

February 9, 2023 at 6:50 pm

#104368

Andreas BoosParticipant

Hi.
Can I change or set empty in &#8216;No Tasks&#8217; message when there&#8217;s no data?

February 10, 2023 at 5:13 am

#104369

svetoslav_borislavovParticipant

Hi,
You can change the value with the localization functionality.
Just set the message for &#8217;empty&#8217; 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/

September 3, 2023 at 3:58 pm

#108651

dineshParticipant

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

September 4, 2023 at 3:18 am

#108653

svetoslav_borislavovParticipant

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=&#8221;manualTesting&#8221;] .smart-kanban-column-content-tasks.empty:after{
  content: &#8220;&#8221;
}
/*For all columns*/
.smart-kanban .smart-kanban-column-content-tasks.empty:after {
  content: &#8220;&#8221;
}
Best Regards,
Svetoslav Borislavov
Smart UI Team
https://www.htmlelements.com/

Author
		Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Log In

Username:

Password:

Keep me signed in

Log In With Google

Log In

svetoslav_borislavov · Accepted Answer

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/

dinesh · Answer

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 · Answer

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/