How can I change theme and certain parts of the Gantt?

1 Answer 61 Views
Gantt
Eli
Top achievements
Rank 2
Iron
Iron
Iron
Eli asked on 11 Jan 2022, 04:42 PM

Hello, 

I have implemented the ASP.NET MVC Gantt into my project. I am having a slight issue when adding to the grid.

 

After adding, the entry for the Task shows a skinny bar with no text, when in fact database shows it does have text for the entry. Hovering over it shows the correct text. Picture below:

 

 

Refreshing the grid does not update it, although it appears totally correct in the database. Thanks for any help. Side question - how can I change the theme of my grid? I saw there are many theme options.

1 Answer, 1 is accepted

Sort by
0
Accepted
Ivan Danchev
Telerik team
answered on 14 Jan 2022, 04:37 PM

Hello Eli,

By design summary tasks (task which contain other tasks), such as your Analyze Reports for Calibration task, are rendered as a thin bar with no text in it. This differentiates them from standard tasks. You can see the same behavior in our demos: https://demos.telerik.com/aspnet-mvc/gantt/basic-usage For example, the Research and the Design tasks are summary tasks and they are rendered as thin bar s with no text.

As for changing the theme, you can do that by replacing the existing Kendo UI CSS files referenced in the Layout with a new one/-s. See this documentation section for more information: https://docs.telerik.com/aspnet-mvc/getting-started/installation/getting-started-copy-client-resources#using-the-cdn-services

If you want to use a LESS theme, you must reference a common and a theme-specific file, for example:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.common.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.default.min.css" />

If you want to use a SASS theme, a common file is not needed. Only the SASS theme-specific file should be referenced:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.default-main.min.css" />

The name of the SASS theme (highlighted above) contains the name of the swatch (refer to this article for a list of swatches: https://docs.telerik.com/aspnet-mvc/styles-and-layout/sass-theme-builder#using-the-sass-theme-builder )

Regards,
Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Eli
Top achievements
Rank 2
Iron
Iron
Iron
commented on 20 Jan 2022, 09:43 PM

Thank you!
Tags
Gantt
Asked by
Eli
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Ivan Danchev
Telerik team
Share this question
or