background

UI for ASP.NET Core

ASP.NET Core GanttChart

  • Robust ASP.NET Core GanttChart component for advanced project management.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core Gantt - Header
  • ASP.NET Core GanttChart Overview

    ASP.NET Core GanttChart is a complex project management tool, especially useful for visualizing tasks which are a part of a project management cycle. The Core GanttChart component provides treelist and timeline views so that the end users can see the project start/end date, tasks progress, dependencies between tasks, milestones and other components of a project, at a glance. 

    Check out the ASP.NET Core GanttChart demo

    Telerik UI for ASP.NET Core Gantt
  • Data Binding

    By default, the ASP.NET Core GanttChart performs server-side requests when doing paging sorting and filtering. The component can be bound in various ways: 
    • Using data model classes
    • Using ViewData configuration
    • Using ViewBag configuration
    • Configuring various methods of the data source (for Razor Page scenarios)
    Read more in our documentation
    ASP.NET Core Charts Server-Side & Client-Side Data Binding
  • Column Options

    Columns in the Gantt component provide access to column options and attributes:

    • Sorting
    • Filtering
    • Expanding
    • Header template and attributes
    • Hidden
    • Menu
    • Using editors
    Telerik UI for ASP.NET Core Gantt Overview
  • Column Templates

    The Gantt column templates feature will let you render any type of content you may need, not just plain text. Whether is it images, links, or formatted multi-line description – all is possible.

    Telerik UI for ASP.NET Core Gantt Column Templates
  • Planned Vs. Actual

    Planning is only useful to the extent the planned time actually matches the actual time taken to complete the task. This is why the Gantt component has a built-in feature to compare planned tasks time vs. their actual execution time. This is a crucial metric for any manager to monitor in order to improve the planning skills of their team.

    Telerik UI for ASP.NET Core Gantt - Planned vs Actual
  • Effortlessly edit the task fields via a built-in popup editing form for more convenience. The popup editing displays a collection of five tabs with editable task-related content:

    • General tab allows users to edit the title, completion ratio and start and end dates of a given task, as well as change the parent task.
    • Resources tab enables you to add or remove resources to a given task.
    • Predecessors tab displays the list of all predecessor dependencies for a certain task. The edit mode allows the user to update a dependency's starting task, create a new dependency or remove an existing one.
    • Successors tab displays a list of all successor dependencies for a certain task. The edit mode enables the user to update a dependency's finishing task, create a new dependency or remove an existing one.
    • Other tab allows users to update the Task ID and add or remove a Team Lead.

    See the Telerik UI for ASP.NET Core Gantt editing demo

    Telerik UI for ASP.NET Core Gantt - Popup Edit Enhancements
  • Treelist View

    Leverage the TreeList View of Core GanttChart to present details of hierarchy data in columns. The columns in the treelist section of the Core Gantt can be individually configured. A column can be editable or sortable, the developer can specify its width and the format of data to be displayed. All changes made in the Treelist view of Core GanttChart are immediately reflected in the Timeline.

    Telerik UI for ASP.NET Core Gantt TreeView
  • Timeline View

    ASP.NET Core Gantt timeline can display its tasks in different "views". The following views are supported: day, week, or month. End-users can manipulate the views in multiple ways – the tasks can be dragged to change their start/end dates and dependencies with other tasks. The Timeline view is very intuitive letting end-users scan quickly through the progress of the whole project or separate tasks. 

    Telerik UI for ASP.NET Core Gantt Timeline
  • Resources

    Telerik ASP.NET Core Gantt enables users to assign resources to people responsible for a task and visualize them in the TreeList view of the Gantt.

    Learn more about ASP.NET Gantt Resources
  • Export to PDF

    Charts are essential for data visualization and analysis and are often included in reports and presentations. That is why the ASP.NET Core GanttChart can be easily exported to a PDF file and included in any report.  
  • RTL Support

    Right-to-left support is available for cultures where people read from right to left. You can satisfy any cultural preference with the ASP.NET Core GanttChart component by changing the alignment between left-to-right and right-to-left with only a few settings. 
    Telerik UI for ASP.NET Core RTL Support
  • Keyboard Navigation

    The Telerik UI for ASP.NET Core GanttChart is one of the many UI components in the suite with out-of-the-box support for keyboard navigation. Users can easily navigate the component using a combination of keyboard buttons to focus on the textbox, change the image or even control the sound volume. 


    Telerik UI for ASP.NET MVC Keyboard navigation
  • GanttChart Theming

    Leverage 20+ built-in themes and swatches to style the ASP.NET Core GanttChart, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling for seamless integration) and Fluent (based on Microsoft Fluent UI). You can easily customize the available themes with a few lines of CSS or create a new one with the Progress SASS ThemeBuilder application

All ASP.NET Core Components

Next Steps