Gantt Control: Different views in expanded and collapsed state

Hello,

I have a question regarding the Gantt Control. I implemented a view where the daily progress of a staff member for a task is shown with a pinc color. But this progress is only displayed on the tasks in the expanded state. In the collapsed view the tasks are either completly red or pink. Is where any way to show the progress on the collapsed state as well, so you can see the progress without expanding each staff member?

Thank you for your help

Carina

View.png


4 Replies

PS Premkumar Sudalaimuthu Syncfusion Team February 17, 2022 02:05 PM UTC

Hi Carina, 
 
Yes, the reported issue has been replicated. We need time to validate whether it was a behavior or bug in the source and will share further details within two business days on 21st February 2022. Until then we appreciate your patience. 
 
Regards, 
Premkumar S 



PS Premkumar Sudalaimuthu Syncfusion Team February 21, 2022 12:53 PM UTC

Hi Carina, 
 
As of now, we do not have support for editing the progress bar in a collapsed state in Gantt Chart. It will be very difficult to achieve the requirement in a workaround also. 
 
Regards, 
Premkumar S 



CH Carina Huchler February 22, 2022 03:58 PM UTC

Hi Premkumar,


This would be a very important feature for us. Could you please advise on how such a workaround would look like?


Thanks and kind regards,

Carina



PS Premkumar Sudalaimuthu Syncfusion Team February 23, 2022 01:48 PM UTC

Hi Carina , 
  
We can achieve your requirement by remove the below class from your css styles(present in your local css file referred in application). It will make the progress bar to display in collapse mode but, we can not able to edit the progress bar in a collapsed state. Instead of resizing the progress bar, you can able to edit the progress in cell edit/dialog edit in expand mode. 
  
CSS need to be removed 
  
.e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-progressbar { 
  
width: 0px 
  
!important; 
  
} 
  
  
Regards, 
Premkumar S 


Loader.
Up arrow icon