This is a migrated thread and some comments may be shown as answers.

Prevent Task Title Being Cropped

4 Answers 68 Views
Gantt
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 08 Sep 2020, 05:06 PM

When viewing a plan in Month view the task titles are cropped within the taskbar by default. What are my options please to overcome this?

Can I specify the title to be displayed to the right of each taskbar? Can I set the title to not be cropped and overflow to the right of the taskbar? Do I have to create a custom template to change anything from the default behaviour?

Many thanks.

4 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 10 Sep 2020, 11:50 AM

Hi Chris,

The task title can be made visible even if the title exceeds the task bar's width, by setting visible overflow. Try the following CSS rule:

.k-task, .k-task-template {
  overflow: visible;
}

Regards,
Ivan Danchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Chris
Top achievements
Rank 1
answered on 10 Sep 2020, 01:36 PM
That's brilliant to know. I will try it out and let you know how I get along. Thank you.
0
Chris
Top achievements
Rank 1
answered on 18 Sep 2020, 02:56 PM
That worked a treat, thank you very much. There are occasions now where the Task Name overlaps the dependency lines making the Task Name difficult to read. Can the dependency line colour be set in CSS please?
0
Ivan Danchev
Telerik team
answered on 21 Sep 2020, 05:42 PM

Hi Chris,

Yes, here's a CSS rule that sets the color of the dependency lines:

.k-gantt-line {
  background-color: lightblue;
}

 

Regards,
Ivan Danchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Gantt
Asked by
Chris
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Chris
Top achievements
Rank 1
Share this question
or