Hello Telerik team,

I'm new in Blazor environment, and I would like to use a mix of controls in order to display data. The goal is to have several columns and rows (like DataGrid control),:

• columns represent calendar days (like Scheduler control);
• rows representing "stations" [tasks] (like Gantt control);
• core of the control (crossing between rows and columns) represented as chipset (my data).

In fact, I think the best control could be the Gantt control because of its structure and content, but I have one issue with that: I won't be able to put an item (chipset) over 2 rows.

Unfortunely, I can't provide you any picture of what I want because of my company restrictions.

Are you able to help me and provide me some advices?

Many thanks,

Valentin M.

I am having a weird Problem.  When the scroll bar gets involved my tasks are not lined up with left side of the gnatt chart.  This doesn't seem to be a problem if I return the same items but return less roles. 

I have tried to mess with the CSS.  I saw something about this being an issue when height is 100%. I have heigh set to 91vh.  

I am at loss.  Any suggestions?

Any ideas on how to make the width of the column on the timeline smaller?   

I can make the text smaller by updating this css.

 .k-gantt .k-table-td

However, I cannot figure out the right combination to adjust for column widths on the time line side.

Is there a way that I can loop through the Columns of the Gnatt chart to access the attributes on the code behind? 

For example, I want to see if Column D has been moved or hidden. 

The closest thing I can see if GanttColumns but I cannot look through it because it is a RenderFragment? 

var  columns = Ref.GanttColumns;

I saw on the object ColumnsCollection which is ideal but it's not a public attribute for me to query it. 

Any ideas?

Does anyone know if there is a way I can export Blazor Gannt to excel?  

At this rate I would take anything I can get? (Data and/or timeline) 

I don't understand what is going on.  I am sure I am missing something obvious.  

I am trying to setup my first Gantt Chart.   It is my understanding that this is setup in 2 pieces. The tree and timeline.   I am able to load the tree.  It comes up and I am able to see hierarchy.

Example of Tree..

I get data in a hierarchy. I assign Parent Ids to each record. I am ok with this. 

What I am struggling with is when I tried to add the GanttViews and it blows. up

Here is my initial load... I have not technically loaded any data. So I see the dates and columns all look good. 

During the loading of the data I get this error..

Clearly I am missing something.  I just don't know what.  

The only thing I have added between it loading the Tree and trying to load the timeline is ...

<GanttViews>

    <GanttWeekView></GanttWeekView>
    <GanttMonthView ></GanttMonthView>

</GanttViews>

Here is how I defined the start of the Gannt Control.

I clearly did not populate something that the Timeline needs. I am not sure what. It looks like all I need is the Start, End and TItle.  But I have tried different variations of that and it still fails. 

I am confused. Any suggestions? 

Hello there,

I am trying to load the Gantt Chart - Tree List in expanded state by default. Is there a way to achieve this? Kindly advise. I am using the Telerik Blazor version 5.0.1. TIA

Is it possible to disable the movement to the next row when a user uses the enter key to edit a field with in-cell editing?

I looked through the forums but only found an old thread regarding a WinForms property for an EnterKeyMode. This would be a great addition to the Blazor controls.

I have a user requesting to change the row height (style) for a Gantt control. The user made a similar request for a TreeList and a Grid and I was able to identify the properties in css and override them with padding-block and padding-line. I tried the same for the Gantt control but those properties did not achieve the desired result.

Here is the spacing they want that I was able to set for the TreeList and Grid controls:

I was able to achieve that with the following css:

The k-button-md was needed to reduce the padding if there was a command button on the row.

Here is what the Gantt control looks like now:

Any suggestions on how to achieve the same on the Gantt control?

I have a Blazor server application that is displaying a Gantt control. For several of my users with smaller screen sizes they have noticed that the Tree and Timeline can get out of sync vertically. When scrolling the Tree stops and the Timeline keeps going:

I have also observed that resizing the browser window can result in differences in height of the Tree and Timeline: