# 🎇 FlexDash alpha release - round 2

**URL:** <https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783>\
**Category:** Share Your Nodes\
**Tags:** flexdash\
**Created:** [16 September 2022 04:14 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783 "2022-09-16T04:14:30Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)\
**Post date:** [4 November 2022 08:22 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/41 "2022-11-04T08:22:35Z")

</div>

Am I correct in saying the only user input interfaces are Dropdown Select, Push Button, Toggle, Value Sequence.

I am looking for numeric input, text input and slider.

---

<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:** [4 November 2022 18:09 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/42 "2022-11-04T18:09:04Z")

</div>

Yes & no. You can click on a table cell and you can edit a properties table, e.g. for key/value config stuff. I have a text field ready for when I manage to get the next (small) update released in the coming days. Numeric input would be pretty easy. I'll leave a slider for someone else to implement ;cause I hate them and wouldn't be able to create something decent...

---

<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:** [4 November 2022 18:40 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/43 "2022-11-04T18:40:43Z")

</div>

I threw in a number field. It's not going to win any contests but it was a trivial change from the text field and is a decent starting point.

**Update** : while I'm at it might as well use Vuetify's slider component... 💥  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/b/ab19783e2d8037f212c319ef2f3ef50f0fac068f.png)

---

<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:** [5 November 2022 18:26 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/44 "2022-11-05T18:26:27Z")

</div>

New FlexDash release!

Changes:

- Upgraded to Vuetify v3.0.0 release -- had to fix some minor things, hope I didn't overlook anything
- Fixed spurious ripple on click in Panels
- TextView widget now supports line wrap and auto-scroll to bottom
- Fixed issue where TimePlot sometimes doesn't show plot when loading page
- Added text field, number field, and slider widgets

```auto
5 Nov 11:11:21 - [info] Node-RED FlexDash plugin version 0.4.109                                    
5 Nov 11:11:23 - [info] Node-RED FlexDash version 0.4.109                                           
5 Nov 11:11:23 - [info] Node-RED FD Core Widgets version 0.4.49                                     
5 Nov 11:11:24 - [info] FlexDash UI version 0.4.63 

```

To upgrade: update @flexdash/node-red-fd-corewidgets

Next steps: probably supporting per-browser state (using the `msg._flexdash_socket`) and a simple login/auth system.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [5 November 2022 19:37 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/45 "2022-11-05T19:37:14Z")

</div>

> [@tve](#):
>
> Added text field, number field, and slider widgets

I'm not seeing them?  
Are they separate widgets, or a config in an existing widget.  
I've restarted mode-RED & refreshed my browser.

alpha v0.4.63  
@flexdash/node-red-fd-corewidgets - 0.4.49  
@flexdash/node-red-flexdash - 0.4.109

---

<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:** [5 November 2022 19:55 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/46 "2022-11-05T19:55:25Z")

</div>

> [@Paul-Reed](#):
>
> I'm not seeing them?

I forgot to double-check that the new widgets show up in the release 🤪 🙄 😪  
And sure enough, I messed-up the release order...  
Please give node-red-fd-corewidgets v0.4.50 a shot.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [5 November 2022 20:37 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/47 "2022-11-05T20:37:26Z")

</div>

Thanks, they are there now 😆

Could I ask what the rationale was to add the `number field` widget?  
It's usage seems to duplicate the `stat` widget, but does not provide - units, thresholds, chip mode, iso prefix or precision like the `stat` widget, and the text size doesn't match the other nodes.

![stat](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/9/49b967e8e773752e2f8640dba5d54429a99dba7f.jpeg)

I suppose the same question applies for the usage of the `Text field` & the `Label` widget

![label](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/b/8bfa26ffc94cf3ccae02112ca5014824c4e00f16.jpeg)

---

<div class="post-metadata">

**Author:** ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)\
**Post date:** [5 November 2022 20:39 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/48 "2022-11-05T20:39:20Z")

</div>

Great, that were fast 🙂

---

<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:** [5 November 2022 20:50 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/49 "2022-11-05T20:50:27Z")

</div>

> [@Paul-Reed](#):
>
> Could I ask what the rationale was to add the `number field` widget?  
> It's usage seems to duplicate the `stat` widget, but does not provide - units, thresholds, chip mode, iso prefix or precision like the `stat` widget, and the text size doesn't match the other nodes.

Number field and text field are _input_ fields. Maybe I should have instead added an "allow editing" option to stat/label? Didn't think of that, but open to suggestions.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [5 November 2022 20:53 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/50 "2022-11-05T20:53:49Z")

</div>

> [@tve](#):
>
> Maybe I should have instead added an "allow editing" option to stat/label? Didn't think of that, but open to suggestions

Adding "allow editing" option to stat/label and removing the other two widgets gets my vote!

---

<div class="post-metadata">

**Author:** ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)\
**Post date:** [5 November 2022 21:00 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/51 "2022-11-05T21:00:11Z")

</div>

All 3 new widgets just are 'unknown'

Node-RED version: v3.0.2  
Node.js version: v16.18.0  
Linux 5.15.32-v8+ arm64 LE  
Node-RED FD Core Widgets version 0.4.50

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

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [5 November 2022 21:02 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/52 "2022-11-05T21:02:41Z")

</div>

> [@ScheepersJohan](#):
>
> All 3 new widgets just are 'unknown'

Have you also updated @flexdash/node-red-flexdash ?  
I had to also update that node as well.

**EDIT -** When I say "I had to", my 'Manage Palette' still showed the previous version, and invited an update (maybe was caused by the browser cache?)

---

<div class="post-metadata">

**Author:** ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)\
**Post date:** [5 November 2022 21:11 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/53 "2022-11-05T21:11:35Z")

</div>

I have done that now as well but still 'unknown widget'

---

<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:** [5 November 2022 21:12 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/54 "2022-11-05T21:12:22Z")

</div>

Reload your browser showing your dashboard? It should say "alpha v0.4.63" in the top-right corner.

---

<div class="post-metadata">

**Author:** ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)\
**Post date:** [5 November 2022 21:22 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/55 "2022-11-05T21:22:31Z")

</div>

Thank you it needed a reload, fixed.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [7 November 2022 21:12 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/56 "2022-11-07T21:12:44Z")

</div>

@tve I've updated your [todo list](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/38), with your recent fixes.

(I can't help much with the technical magic, but I'll help where I can 😆)

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [16 November 2022 18:27 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/57 "2022-11-16T18:27:47Z")

</div>

Anyone any idea how to zoom into a flexdash chart on a small mobile device (Android phone)?

On a laptop, any part of the chart can be zoomed into by click-dragging, but on a mobile device 'pinching' magnifies the chart, but does not zoom into the detail.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [17 November 2022 19:49 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/58 "2022-11-17T19:49:48Z")

</div>

I've created a simple flow with a stat node which is being injected with a number `0.5`

![flow](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/a/3affcdc5465cfc8445cb48b33f30ac8efb3472eb.jpeg)

```auto
[{"id":"7a1e52b5dd111437","type":"inject","z":"1543d308b342690a","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"0.5","payloadType":"num","x":495,"y":2200,"wires":[["aa84a085f5877970"]]},{"id":"aa84a085f5877970","type":"fd-stat","z":"1543d308b342690a","fd_container":"a2fd476acabc61e3","fd_cols":"2","fd_rows":1,"fd_array":false,"fd_array_max":10,"name":"","title":"Stat test","popup_info":"","unit":"","value":null,"color":"","low_color":"blue","high_color":"pink","low_threshold":null,"high_threshold":null,"low_regexp":"","high_regexp":"","chip":false,"iso_prefix":false,"precision":3,"zoom":1,"x":625,"y":2200,"wires":[]},{"id":"a2fd476acabc61e3","type":"flexdash container","name":"Weather","kind":"StdGrid","fd_children":",6916febb69369323,754b848b6afed702,2876ba66ff2679bb,43aefa2fadb84bae,7c544937f1551351,a740e629dee0d44b,dbdb33e6290c28b1,ca21852cd51c24f5,0d31953fbe4bf5da,aa84a085f5877970,403cac5059d3b463,6149f97eab3c8c6b","title":"","tab":"1839949e733ccb05","min_cols":"1","max_cols":"20","parent":"69c2e3f5798c3475","solid":false,"cols":"1","rows":"1"},{"id":"1839949e733ccb05","type":"flexdash tab","name":"Weather","icon":"mdi-weather-night-partly-cloudy","title":"","fd_children":",a2fd476acabc61e3","fd":"e8f5aea52ab49500"},{"id":"69c2e3f5798c3475","type":"flexdash container","name":"Energy","kind":"StdGrid","fd_children":",43719d5359575f6b,bb113511ea8e41fd,3a60132d9af9f863,6201d0ac747c461c,69906bafd65a0c83,75c16f30cf7f4718,f38aa8e4f00caf79","title":"","tab":"fef6c0f6d48841d6","min_cols":"8","max_cols":10,"parent":"","solid":false,"cols":"1","rows":"1"},{"id":"fef6c0f6d48841d6","type":"flexdash tab","name":"Energy","icon":"mdi-home-lightning-bolt-outline","title":"","fd_children":",69c2e3f5798c3475","fd":"e8f5aea52ab49500"}]

```

In the stat node props, the `Iso prefix` is set to false

![false](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/2/624840f57e5fb6f90d7db879041c5db22ad55d2a.jpeg)

But... in the dashboard, instead of seeing `0.5`, I see `500µ`

![result](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/5/f5ed9a0fc4716685d77dcae4751038f4bd112a81.jpeg)

A bug?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [19 November 2022 10:05 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/59 "2022-11-19T10:05:21Z")

</div>

Also.. (sorry @tve) but I've added a new container recently to display weather data, and although the `stat` & `sparkline` widgets display OK, below them I have 2 `time plot` widgets that display forecast data. However, sometimes they display OK, and at other times they are not displayed at all.

 ![digi](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/7/173d6bd0b5e636841fd6a16e13899d41ae68d726.jpeg)

If I look at my browser console, I see the following error;

`Error: uPlot chart created too early`

Looking at the same dashboard on my phone, I see both charts OK.

 ![Screenshot_20221119-102350](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/5/b5b87eb2da72e7bd9e598eddef28be80efdbdb97.png)

**[EDIT 25/11/22]** Still getting the `Error: uPlot chart created too early` error, but since restarting node-RED, the charts have continued to display correctly.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [27 November 2022 14:00 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783/60 "2022-11-27T14:00:50Z")

</div>

Hi Thorsten @tve, we haven't heard from you for a while, and just wondering if you are still actively developing flexdash for node-RED, or taking a well earned break.  
It would be good to know what your future plans are for flexdash, so that I (and others) can plan ahead with our own systems.

Regardless of the future, it's been great following flexdash's progression, which for me started more than a year ago, with your first alpha version, and has led to me now having a functional flexdash dashboard.

[Previous page](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783.md?page=2)

[Next page](https://discourse.nodered.org/t/flexdash-alpha-release-round-2/67783.md?page=4)