JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Gantt Display Extra Months on gantt chart to expand task

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #102891
    Ronak Patel
    Participant

    Hello,

    Project Type : Angular

    I display the task on Gannt chart with the start and end date. But I want to display extra 3 months at every Task. Right now chart displays the max date from all task but what if I want to drag the task to next month.

    So any solution to display by default a few months extra without changing the End date of any task.

    Suppose i have 3 task as below.

    [{
    Name : ‘Task1’,
    startDate : ‘2022/01/01’,
    endDate : ‘2022/05/30’,
    },
    {
    Name : ‘Task2’,
    startDate : ‘2022/02/01’,
    endDate : ‘2022/05/30’,
    },
    {
    Name : ‘Task3’,
    startDate : ‘2022/03/01’,
    endDate : ‘2022/08/30’,
    }]

     

    show chart display max 2022/08/30 month in the chart. But I cant extend task to next month then this. so I want to add extra few months so users can at least extend the task.

    I did try with infinite timeline but it wont work when i have very less data to show suppose i have task for 2 months so It wont show any scroll bar and it wont load any data.

    So any solution for this please suggest.

    Thanks

    #102893
    admin
    Keymaster

    Hi Ronak,

    You may look at https://www.htmlelements.com/angular/demos/gantt/task-deadline/. It shows how to have tasks and deadlines set to each task.

    Best regards,
    Peter Stoev

    Smart UI Team
    https://www.htmlelements.com/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.