Customize Timeline column size

[Navaram CJV]

How to customize the timeline column size in Gantt using API as I need to update the size dynamically for week or month . Although there is css varible for this setting is there any other way through API?

• This topic was modified 6 months ago by Navaram CJV.

[ivanpeevski]

Hi,

 

You can either use CSS or set the “taskColumns” property to a new array with the update column sizes.

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[Navaram CJV]

It is the timeline column width we have to modify through API.  Can you provide a way for updating following css variable functionality through API :

<–smart-gantt-chart-timeline-cell-size>

• This reply was modified 6 months ago by Navaram CJV.
• This reply was modified 6 months ago by Navaram CJV.

[admin]

Hi,

This help tutorial: https://www.w3schools.com/css/css3_variables_javascript.asp shows how to update CSS variables.

Best Regards,
Markov

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

[Navaram CJV]

I want to configure it during the initial render like taskcolumns and not use the css variables. I made it clear i want to achieve this through API like taskcolumns. Please confirm If you have or  dont have this functionality or  any future plan to implement it.

Thanks

• This reply was modified 6 months ago by Navaram CJV.

[admin]

Hi,

You can set these variables in the CSS file of your app, which means that this would be in the initial render.

Best Regards,
Markov

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

[Navaram CJV]

Ok so the summary is it cant be set like taskcolumns as part of typescript.

How we can set different column widths for month and week view as smart-gantt-chart-timeline-cell-size is common for both month and week view ?

[admin]

Hi Naravam,

The width of the gantt chart’s cells could be the same for all views. We do not support custom width for different gantt views.

Best Regards,
Markov

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

[Author]

Posts