# Ui-template -\> using V1 state timeline

**URL:** <https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048>\
**Category:** Dashboard\
**Tags:** dashboard-2, ui-template\
**Created:** [17 September 2024 16:26 UTC](https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048 "2024-09-17T16:26:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![LoRdOfUnO](https://avatars.discourse-cdn.com/v4/letter/l/6bbea6/32.png) [@LoRdOfUnO](https://discourse.nodered.org/u/LoRdOfUnO)\
**Post date:** [17 September 2024 16:26 UTC](https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048/1 "2024-09-17T16:26:26Z")

</div>

Hi,  
I run into trouble using DashboardV2 ui template.  
I used the V1 before, and using this example made a nice looking graph.  
But i can't get it to work on V2.

[Event Timeline Dashboard Graph (flow) - Node-RED (nodered.org)](https://flows.nodered.org/flow/3827f07ed08826b01bd71b2c874f7fdc)

It looks like i can't set script in header anymore...  
[Template ui-template | Node-RED Dashboard 2.0 (flowfuse.com)](https://dashboard.flowfuse.com/nodes/widgets/ui-template.html)

any idea ?

Thanks !

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [18 September 2024 05:23 UTC](https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048/2 "2024-09-18T05:23:54Z")

</div>

In dashboard 2 you can use mermaid in markdown nodes, which includes gantt charts.

For example, use a markdown node with the following content:

````auto
```mermaid
gantt
    title A Gantt Diagram
    dateFormat YYYY-MM-DD
    section Section
    A task :a1, 2014-01-01, 30d
    Another task :after a1, 20d
    section Another
    Task in sec :2014-01-12, 12d
    another task : 24d

````

it produces

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/3/d34c8f7b1c402be6a4f12663aaf7e8a64b6ff573.png)  
dashboard markdown [documentation](https://dashboard.flowfuse.com/nodes/widgets/ui-markdown.html#mermaid-charts)  
mermaid [documentation](https://mermaid.js.org/syntax/gantt.html)

The content can be provided dynamically.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 October 2024 05:24 UTC](https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048/3 "2024-10-18T05:24:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.