Custom Layout - additional timeline in one Gantt Instance

Hi I’m looking through the documentation and trying to create an additional timeline bound to a different datastore to separately display key dates throughout the year that may be relevant to a project, but I don’t want them to be in the main timeline.

https://docs.dhtmlx.com/gantt/desktop__layout_config.html#layoutcustomization

It looks like this should be possible here and in fact I do have something rendering, but I think I need a custom ‘layer’ function as in the documentation, but can’t see any details or snippets - can you provide some examples on how this might be achieved? Thanks!

After a bit of digging I stumbled across this snippet which has helped me achieve what I need.

https://snippet.dhtmlx.com/5/42cc7e965

A little documentation around this would be great as it’s really handy to create an additional grouped timeline or two with associated data that’s not necessarily directly linked to the tasks.

Hello Skoofy,
The approach in the snippet you found allows displaying anything in the timeline. But it means you need to manually render everything there.

There is a simpler approach. You can bind the bottom timeline to a different datastore and parse the row items. Then, you can use the timeline_cell_content template to display any text or HTML elements inside the timeline cells:
https://docs.dhtmlx.com/gantt/api__gantt_timeline_cell_content_template.html

Here is an example of how it can be implemented: