# FlexDash 1st steps

**URL:** <https://discourse.nodered.org/t/flexdash-1st-steps/60566>\
**Category:** Dashboard\
**Created:** [30 March 2022 22:44 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566 "2022-03-30T22:44:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mick](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mick/32/80990_2.png) [@Mick](https://discourse.nodered.org/u/Mick)\
**Post date:** [30 March 2022 22:44 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/1 "2022-03-30T22:44:28Z")

</div>

I am just starting to get my feet wet with FlexDash. I have a flow that I want to display on the FlexDash. I took the output from one of my functions and used as an input into the flexdash out node

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/38b4ea54b85a23f912fb505bc73257b0b53e5cfe.png)

To link the stat widget it appears to me to use the msg. topic of the node. I have input the value as shown below

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/3/d3030b7ea1da71ff2a3fbf6880486bcf09d531f3.png)

I obviously am doing something wrong as it does not show the value. I am thinking it has to be a path issue.

Any advice is appreciated

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [31 March 2022 05:07 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/2 "2022-03-31T05:07:08Z")

</div>

Hi Mick,  
I am going to mention @tve here, because I am not sure whether he follows all discussions on Discourse...  
Bart

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [31 March 2022 05:12 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/3 "2022-03-31T05:12:57Z")

</div>

Thanks for the @ Bart!

FlexDash is a bit in an upheaval right now as I'm trying to get a new version based on Vuetify3/Vue3 out with much deeper integration into Node-RED. So waiting a week or two will make it a lot easier...

To answer your question, you need to send the FD out node a message with a topic and a payload. The topic can be any /-separated path you like (it's your namespace, you can organize how you like). For example, you can use "fof2" or "test/fof2". Then, when you instantiate the Stat widget you need to set its value input to the same path and you will see the payload in the widget.

---

<div class="post-metadata">

**Author:** ![Mick](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mick/32/80990_2.png) [@Mick](https://discourse.nodered.org/u/Mick)\
**Post date:** [31 March 2022 09:03 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/4 "2022-03-31T09:03:42Z")

</div>

@tve thanks for the reply. So what you just describe is pretty much what I thought I tried. I created a real simple flow to test this.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/f/9faf1c47ef432765ac9b261090096318f9753eaa.png)

```auto
[{"id":"bef7fe507bc6ac56","type":"debug","z":"fb784d661b2113e1","name":"","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":410,"y":580,"wires":[]},{"id":"2c808749b064562c","type":"inject","z":"fb784d661b2113e1","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":true,"onceDelay":0.1,"topic":"test","payload":"1","payloadType":"num","x":250,"y":620,"wires":[["bef7fe507bc6ac56","c53c24ae520755a8"]]},{"id":"c53c24ae520755a8","type":"flexdash out","z":"fb784d661b2113e1","name":"test","server":"878dd08857039ccf","x":410,"y":640,"wires":[]},{"id":"878dd08857039ccf","type":"flexdash config","port":"80","ioOpts":"{}","path":"/flexdash","redServer":true,"saveConfig":true,"allOrigins":true,"ctxName":"default","devServer":false,"devInstall":false,"name":"FlexDash"}]

```

Here is the output from the inject node..  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/c/fc4dbea86084fd69c3180ff8c9b21e633efef09d.png)

Now on the FlexDash i have the socket io path set to:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/c/6c6eb69b53cc6400e283089871c8c19c9a79da7a.png)

On my dashboard stat widget  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/f/8f46af4caf36706089f0691e8948d01d2ef32161.png)

The output widget shows...  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/e/8e580355af5dfbb194805ea726e87fc6b5d29293.png)

Maybe I am not initializing the flexdash correctly.

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [31 March 2022 17:01 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/5 "2022-03-31T17:01:46Z")

</div>

No expert here but you have **/flexdash/io/** set as path when underneath it says **/io/flexdash**

---

<div class="post-metadata">

**Author:** ![Mick](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mick/32/80990_2.png) [@Mick](https://discourse.nodered.org/u/Mick)\
**Post date:** [31 March 2022 18:07 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/6 "2022-03-31T18:07:33Z")

</div>

The path is set when you create the dashboard.

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [1 April 2022 17:11 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/7 "2022-04-01T17:11:39Z")

</div>

> [@Mick](#):
>
> Now on the FlexDash i have the socket io path set to:

Please use the default path, you can't simply change it on one end.  
(I'm having some trouble reproducing your issue easily here, hope to have a new version out shortly which will make repro easier)

---

<div class="post-metadata">

**Author:** ![Mick](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mick/32/80990_2.png) [@Mick](https://discourse.nodered.org/u/Mick)\
**Post date:** [1 April 2022 17:47 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/8 "2022-04-01T17:47:04Z")

</div>

@tve Thanks. I will hold off until the new release. One interesting item I noted is that when loading the package I had 3 nodes, in, out, and a dev server. Apparently the dev server some how gets deleted.

---

<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:** [1 May 2022 17:47 UTC](https://discourse.nodered.org/t/flexdash-1st-steps/60566/9 "2022-05-01T17:47:07Z")

</div>

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