Gantt Chart Issues / Questions

[Anonymous]

Hi,

Here are several issues I have noticed with <smart-gantt-chart>!

Number 1 and 4 are major issues.

1. https://codepen.io/cetinsert/pen/pozZoNj?editors=1011
   /source/smart.elements.js – does not define <smart-gantt-chart>!
   customElements.get(‘smart-window’); // defined
   customElements.get(‘smart-gantt-chart’); // undefinedthis renders all Gantt Demos Codepen links broken.

   See – https://codepen.io/cetinsert/pen/dybjyWK (had to explicitly add reference to /source/smart.ganttchart.js)

2. Is there a way to hide the label task column but show other user defined ones?
3. Is there a way to hide all task columns?
4. g.updateTask(index, { label }); sets task.dateEnd, scrolls the view, might have other side effects – I would like to hide all task columns and display task dateStart, dateEnd on the timeline task items themselves but the side effects make it impossible

   https://codepen.io/cetinsert/pen/dybjyWK?editors=1010
   g.updateTask(0, { label: “2” }); // results in dateEnd set to year 2100
   g.updateTask(0, { …g.tasks[0], label: “2” }); // results in the same

5. gantt.max = new Date(…) works but not <smart-gantt-chart max=’YYYY-MM-DD’> or g.max = ‘YYYY-MM-DD’
6. CSS documentation mentions variables that are out of sync with the actual 4.4 implementation. Variable names differ, such as those for timeline task background colors.

Thanks

 

• This topic was modified 9 months, 3 weeks ago by  .
• This topic was modified 9 months, 3 weeks ago by  .

[Anonymous]

Hello,

I wish everyone a great new week!

Please review this topic.

Thank you.

[Anonymous]

Hi cetinsert,

Thank you for the feedback ! The issues will be fixed in our next release. We constantly update the components and new CSS variables could be introduced while others might be renamed/removed. So we will update the documentation and try to keep it up to date. Regarding your 2nd and 3rd question the taskColumns can be removed by setting taskColumns = []. Also if you want to hide the task tree container just set `treeMin = ‘0px’ and ‘treeSize = ‘0px’. That will set the min and size of the TaskTree to 0.

Best Regards,
Christopher

Smart HTML Elements Team
https://www.htmlelements.com

[Author]

Posts