We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Is ıt possıble display one task with multiple dates?

Hi!

Is ıt possıble rendering multiple taskbar in Project view?
I would like to render taskbar with multiple schedule. (i.e.) I want to split the single task and render with different schedule dates in a row. Like this:




I tried to create a sample on stack blitz using segments but it still didn't work for me (I still have single timeline bar for my task):
https://stackblitz.com/edit/angular-yvv5ix-tqs69z?file=src%2Ftest-data.ts,src%2Fapp.component.ts,src%2Fapp.component.html

15 Replies

UA Udhayakumar Anand Syncfusion Team April 19, 2023 10:27 AM UTC

Hi Aaron,


Thank you for reaching out to us regarding your query about rendering multiple taskbars in the Project view. We appreciate your interest in our product and would be happy to assist you.


After reviewing your query, we recommend using the split task feature to achieve your requirement. By declaring a segment in the data source with different dates, you can render multiple taskbars with different dates in a row. This feature can help you split a single task and display it with different schedule dates. You can find more information about this feature from the link given below


Sample Link :  https://stackblitz.com/edit/angular-g225eq?file=src%2Fapp.component.ts,src%2Fdata.ts


UG LINK : https://ej2.syncfusion.com/angular/documentation/gantt/managing-tasks/splitting-and-merging-tasks


We hope this will answer your query, please contact us if you have any questions regarding this issue


Regards,

Udhayakumar



AA Aaron replied to Udhayakumar Anand April 19, 2023 12:37 PM UTC

I checked your example. And you have there dates for parent tasks. Also you set Duration and Progress fields. But I don't need any of these fields. I need to set only start/end dates and only for subtasks. 

I've created stack blitz example with the data structure which I'm going to use in my app. How I can split subtask timelines in this case?

https://stackblitz.com/edit/angular-yvv5ix-tqs69z?file=src%2Ftest-data.ts,src%2Fapp.component.ts,src%2Fapp.component.html



UA Udhayakumar Anand Syncfusion Team April 20, 2023 11:28 AM UTC

Hi Aaron


We have reviewed your query and the sample that you have provided, but we are unable to fully understand the requirement that you are trying to achieve.


If you would like to split the task after the gantt is loaded, either you can do that by using context menu or dialog edit. You can find details in the UG link provided below.


UG Link : https://ej2.syncfusion.com/angular/documentation/gantt/managing-tasks/splitting-and-merging-tasks#split-task-dynamically


If this is not what you requirement, please provide us the detail listed below to provide you a better solution


  1. Clear Explanation of the requirements
  2. Do you wish to render all child taskbar in a single row
  3. Visual representation of your requirements


Regards,

Udhayakumar



AA Aaron replied to Udhayakumar Anand April 24, 2023 10:01 AM UTC

  1. For child subtasks I have different dates of performing . Like for example my "Preparing scatch" task is scheduled to be performed during next week 2 times:
    - 2 days: 25.04.2023-26.04.2023
    - 1 day: 29.04.2023 - 29.04.2023
  2. And I want to have in single row 2 timelines for this task with separated tooltips for each part of task's performing
  3. It should look like this for example 



UA Udhayakumar Anand Syncfusion Team April 25, 2023 02:20 PM UTC

Aaron,


As we have already suggested you can achieve this requirement of displaying two different schedule in a single row using split task feature, we have attached a sample where we rendered 3rd task into two segments, you can find the sample link and UG link below


Sample Link : https://stackblitz.com/edit/angular-yvv5ix-39ceqs?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fdata.ts


UG Link : https://ej2.syncfusion.com/angular/documentation/gantt/managing-tasks/splitting-and-merging-tasks


To display separated tooltips for each part of task's and to display task label of each task. As of now, we do not have support to achieve that requirement. We have logged a feature request for the requirement. You can track the status of the feature from the feedback link given below.

Feedback: https://www.syncfusion.com/feedback/42328/provide-support-to-display-segment-date-in-tooltip

Feedback : https://www.syncfusion.com/feedback/19548/provide-support-to-display-labels-for-each-segment-of-split-tasks

We have already lined up some major features, we could not implement this support immediately. We will implement this and include it in any of our upcoming releases. Please cast your vote on this feature. Based on the customer demand we will prioritize the features in our upcoming road map. Therefore, we are closing this ticket. You can communicate with us or track the status of the feature using the feedback link.


Regards,

Udhayakumar



AA Aaron replied to Udhayakumar Anand April 27, 2023 08:59 AM UTC

Okay thanks.

1) Can I achieve the same behavior using resource view?

2) Can I combine TaskView with ResourceView?

3) Can I create tree of resources? Like team or something like this?

4) Or maybe I'm using wrong tool? Maybe I need Sycfusion Scheduler for achieving this goal? Can I have in scheduler hierarchy (tree view) structure like in Gantt?


5) Or maybe you can advice which component of functionality I need to use for getting this kind of view:




LA Lokesh Arjunan Syncfusion Team May 1, 2023 03:37 AM UTC

Hi Aaron


We are checking the reported requirement and we will update you further details within one business day(May 2nd 2023).


Regards,

Lokesh




UA Udhayakumar Anand Syncfusion Team May 2, 2023 11:40 AM UTC

Aaron,


You can find your query response below


Issue 1 :

 

 Can I achieve the same behavior using resource view?

 

 

Unfortunately, the Gantt chart has a limitation in this regard, and it is not possible to achieve your requirement of using split task in resource view.

 

You can find more information about the split task limitation in our user guide, which I have provided below.

 

UG LINK : https://ej2.syncfusion.com/angular/documentation/gantt/managing-tasks/splitting-and-merging-tasks#limitations-of-split-tasks

 

Issue 2 :

Can I combine TaskView with ResourceView?

 

To help us better understand your issue and provide you with the appropriate solution, could you please provide us with the following details:

 

  1. Visual illustration of the requirement that you’re trying to achieve
  2. Are you trying to change the view type of the Gantt dynamically
  3. Any other information that you think will be useful for us to understand your requirement

 

Issue 3 :

Can I create tree of resources? Like team or something like this?

 

 

 

As of now, we do not have support to achieve that requirement. We have logged a feature request for the requirement. You can track the status of the feature from the feedback link given below.

 

Feedback Link : https://www.syncfusion.com/feedback/32079/multiple-hierarchy-resources

 

We have already lined up some major features, we could not implement this support immediately. We will implement this and include it in any of our upcoming releases. Please cast your vote on this feature. Based on the customer demand we will prioritize the features in our upcoming road map. You can communicate with us or track the status of the feature using the feedback link.

 


Regards,

Udhayakumar



AA Aaron replied to Udhayakumar Anand May 12, 2023 11:28 AM UTC

Hi again

Can you explain how the split tasks feature works? I don't get it. Why on the screenshot which I provide further the startDate of segment doesn't meet the timeline? According to startDate property the segment have to be started on 8th April but according to timeline displayed on the calendar it starts on 10th April?

Live example is here:
https://stackblitz.com/edit/angular-yvv5ix-8hke7b?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fdata.ts

How I can adjust the Syncfusion Gantt in order to see on calendar the same date which was specified in segments endDate and startDate?




AA Aaron replied to Udhayakumar Anand May 15, 2023 08:12 AM UTC

And why I specified 2 days duration but on the calendar I see 5 days duration? How I can achieve showing on the calendar two task segments each two days long? 

https://stackblitz.com/edit/angular-yvv5ix-ylzetd?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fdata.ts

          { StartDate: new Date('04/02/2019'), Duration: 2 },
          { StartDate: new Date('04/05/2019'), Duration: 2 },





AA Aaron replied to Udhayakumar Anand May 16, 2023 05:46 AM UTC

Can you reply me?



UA Udhayakumar Anand Syncfusion Team May 16, 2023 03:03 PM UTC

Aaron,


You can find your query  response below



Issue 1:

startDate property the segment have to be started on 8th April

 

We have thoroughly reviewed the details you shared regarding the behavior of the split tasks feature in our Gantt control. We would like to clarify that this is a actual behavior of Gantt

 

Upon investigation, we have identified the root cause of this behavior. In the first segment of your sample, you have specified the duration as 5, and after accounting for weekends, the task bar renders until April 8th. However, for split tasks, there needs to be a minimum duration of one unit between segments. So, the second segment starts at 10 instead of 8, as depicted in the screenshot you provided.

 

We apologize for any confusion or inconvenience caused by this behavior. Our Gantt control adheres to this logic to ensure accurate representation of split tasks. While we understand that you expected the segment to start on April 8th according to the startDate property, the Gantt control's rendering is based on the calculated duration and the minimum segment requirement.

 

Issue 2:

 I specified 2 days duration but on the calendar I see 5 days duration?

 

We have reviewed it and noticed that you specified a duration of 5 for the task. In the case of split tasks, it is important to provide segments that match the specified duration. Otherwise, the Gantt control automatically adjusts the duration of the segments to align with the overall task duration, taking weekends into account.

 

To achieve a display of two task segments, each lasting two days on the calendar, you can either reduce the duration of the entire task to four days or split the segments to match the desired duration.

 


If you have any further questions or need assistance with any other aspect of our Gantt control, please feel free to reach out to us.


Regards,

Udhayakumar



AA Aaron replied to Udhayakumar Anand May 16, 2023 03:18 PM UTC

Thanks for replying.

1) Is it possible to include weekends into the duration?
2) Is it possible to use endDate instead of duration?



UA Udhayakumar Anand Syncfusion Team May 17, 2023 01:32 PM UTC

Aaron,


You can find your query response below




Issue 1:

Is it possible to include weekends into the duration?

 

We have carefully reviewed your question and we understand that you are looking to include weekends in the duration of a taskbar.

 

To address your requirement, you can achieve this by setting the parameter "includeWeekend" to true. By doing so, the taskbar will render according to the given duration, including weekends in the duration calculation.

 

To help you implement this, we have provided a code snippet and a sample link below:

 

Code Snippet :

/*app.component.html*/

 <ejs-gantt

    [includeWeekend] = "true"

 

Sample Link : https://stackblitz.com/edit/angular-yvv5ix-f8ffge?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fdata.ts

 

 

Issue 2

Is it possible to use endDate instead of duration?

 

At present we have an internal issue, when we use end date in segments , we suggest you to use duration instead of endDate.

 

We have also logged this as a bug, Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and will include the fix in our upcoming patch release which is expected to be rolled out on

June 7, 2023. You can track its status from the feedback link provided below.

 

FeedBack  : https://www.syncfusion.com/feedback/43767/gantt-chart-incorrect-render-of-segments-when-we-give-end-date-while-declaring

 

Note: To view the above feedback, kindly login into your account. 

 

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization

 


Regards,

Udhayakumar



UA Udhayakumar Anand Syncfusion Team June 15, 2023 11:22 AM UTC

Aaron


Thank you for your patience.


We are glad to announce that fix for the issue “Incorrect render of segments when we give end date while declaring segment in data source
” has been rolled out in our patch release (v21.2.9). So please upgrade to our latest version to resolve the problem.


Release Notes: https://ej2.syncfusion.com/documentation/release-notes/21.2.9/?type=all#gantt-chart


Please contact us if you require any further assistance.


Regards

Udhayakumar


Loader.
Up arrow icon