A REPL example to reproduce the issue is:
https://blazorrepl.telerik.com/mIuTdbuT08QWQoY319
The error is:
Adding a new appointment in the Gantt throws an System.ArgumentNullException. The issue can be reproduced only in WASM application.
Steps To Reproduce:
I want to be able to create custom views for the Gantt Timeline, for example - minutes view.
-------------------------
ADMIN EDIT
-------------------------
The post is marked with "Need more info" label, so we can gather feedback from the community on how this feature is expected to be exposed for configuration and what the desired behavior is. An important point to consider regarding this enhancement is that, depending on its implementation, it might override the built-in Gantt Timeline functionalities, so it will be up to the application logic to handle the tasks features (for example editing, dependencies etc). Please share your comments and ideas.
I want to be able to export the Gantt Chart to PDF similar to the jQuery Gantt Export to PDF.
===
ADMIN EDIT
===
A possible option in the meantime is to use a custom approach to export the Gantt similar to the one shown here: PDF and JPG Export in the Browser with JS.
Please allow the Gantt TimeLine to be read-only and prohibit task editing, resizing, dragging and dependency changes.
===
Possible workaround: Read-only Gantt TimeLine (forum thread)
The Tooltip Template of the Gantt behaves strangely in a WASM application. It flickers and does not display any information. Reproduction in REPL which is essentially a WASM app: https://blazorrepl.telerik.com/QQFEapOg56MCIhIK48.
The issue is not reproducible in a server-side application using the same code.
I am trying to make the Blazor Gantt control fill a container width and height.
If I set the height of the Gantt control to 100%, it resizes to fill the container except for the tree part of the Gantt control as it stays at whatever size the window was when it first loaded.
===== ADMIN EDIT =====
Meanwhile, as a workaround, you can add a bool flag that will refresh the whole Gantt upon resizing the container. Here is an example of this approach I have prepared at the following REPL link.I have a page with a Gantt chart and a Button. The button navigates to another page in the app (NavigationManager.NavigateTo()). When I click the button an exception is thrown:
Exception trace: Error: Microsoft.JSInterop.JSException: An exception occurred executing JS interop: The JSON value could not be converted to System.Double. Path: $ | LineNumber: 0 | BytePositionInLine: 4.. See InnerException for more details. ---> System.Text.Json.JsonException: The JSON value could not be converted to System.Double. Path: $ | LineNumber: 0 | BytePositionInLine: 4.
---> System.InvalidOperationException: Cannot get the value of a token type 'Null' as a number.
The Planned vs Actual functionality of the Gantt allows you to compare actual start and end dates to originally planned dates.
In Telerik UI for AJAX, you can see the Actual vs Planned feature at work.
1. Go to https://demos.telerik.com/blazor-ui/gantt/templates
2. Scroll to the end of the timeline horizontally
3. Move the mouse pointer to timelineTooltip appears in the wrong place
How to get only the year and date in the Gantt Chart Tooltip template? The DataAttribute is not a valid date string.
<TooltipTemplate>
<h4>@(((TooltipTemplateContext)context).Title)</h4>
<h5>Start: @(((TooltipTemplateContext)context).DataAttributes["start"])</h5>
<h5>End: @(((TooltipTemplateContext)context).DataAttributes["end"])</h5>
</TooltipTemplate>