Increase in granularity of data in smart-timeline-header-content

[Varshitha Yerukonda]

Hi Team,

We currently have two levels in the smart-timeline-header-content: year, Month level, and week level. Is it possible to expand the level to include day as well? So that we can have weekends shading look like this (https://www.instagantt.com/project-management/what-is-a-project-schedule) .

I would like the intended behavior to be like this:

year -> May 2024

week of May 5–May 11

day -> sun 5

To make this happen Is it possible to enhance the level of detail  in the smart-timeline-header-content? If so, what CSS adjustments are necessary?

Thanks,

Varshitha

[admin]

Hi Varshitha,

The Gantt supports up to 3 levels. If you would like to have a day, you need to use another view of the Gantt.

Best regards,
Markov

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

[Srinivas Duggirala]

Thanks Markov. Just to reiterate we can get 3 level view using Timlineheaderview, right ?  Could you please let us know what is another view you were referring to ?

Regards,

Srinivas

[Srinivas Duggirala]

Team,

Could you please point to us creating 3 levels as we could see all examples shows 2 headers only.

Thanks,

Srinivas

[admin]

Hi,

You can use this property: ‘hideTimelineSecondHeaderDetails’ and set it to false.It determines whether you will have 2 or 3 headers in the Gantt. Example: https://codepen.io/jqwidgets/pen/oNRLgEa

Best regards,
Markov

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

[Srinivas Duggirala]

Thanks Markov

[Author]

Posts