# Dashboard Updates: Dialogs, Customisable Application Icon, Histograms + More

**URL:** <https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [14 October 2024 12:20 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374 "2024-10-14T12:20:26Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [14 October 2024 12:20 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/1 "2024-10-14T12:20:26Z")

</div>

![Dashboard 1.18.0 Blog Tile](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/f/3fdd2a38956e31b6905ef5640e2586c4cca3b4d0.png)

Hi All, just wanted to make you aware of the new update for Dashboard. In particular, I think the new Group "type" property will be really useful/popular, as it makes it very easy to render content into a Dialog/Modal.

Full Article: [Dialogs, Customizable Icons and Histograms Now Available in FlowFuse Dashboard • FlowFuse](https://flowfuse.com/blog/2024/10/dashboard-new-group-type-app-icon-and-charts/)

Dialog Docs: [Config: UI Group ui-group | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/config/ui-group.html#type)

---

<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:** [14 October 2024 14:15 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/2 "2024-10-14T14:15:48Z")

</div>

Thanks for the updates.

Question, I dont know if there is an issue open already of if it is known; but the number of times i have tried dashboard v2 i ran into all kinds of conflicts with the config nodes, every deploy it complaints about groups being empty, while they are not, same for pages and the theme, then i delete groups/page, add new ones, i get the same popups over and over, then i got it working, restarting node-red, popups all over again, I have given up on it.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [14 October 2024 14:51 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/3 "2024-10-14T14:51:56Z")

</div>

Hmmm.. can't say I've seen anyone reporting anything of that nature. Please do open an issue and we can investigate.

When did you last try it out?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [14 October 2024 15:18 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/4 "2024-10-14T15:18:37Z")

</div>

Was there an issue with groups showing empty when they only had templates on them? Or something like that.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [14 October 2024 15:44 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/5 "2024-10-14T15:44:59Z")

</div>

Not that I'm aware of?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [14 October 2024 16:00 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/6 "2024-10-14T16:00:49Z")

</div>

There is this one, but it just requires a browser page refresh to make it go away.

> <https://github.com/FlowFuse/node-red-dashboard/issues/1152>
>
> \### Current Behavior
> 
> !\[image\](https://github.com/user-attachments/assets/c5cc8f…e6-454a-467c-8148-3ec5ee9f179f)
> 
> 
> \### Expected Behavior
> 
> If a page is being displyed, has groups inside etc should not trigger the "unused config" warning.
> 
> \### Steps To Reproduce
> 
> \[
> {
> "id": "3140cec2229a8dbf",
> "type": "tab",
> "label": "Flow 2",
> "disabled": false,
> "info": "",
> "env": \[\]
> },
> {
> "id": "e3d02b48248a803b",
> "type": "ui-template",
> "z": "3140cec2229a8dbf",
> "group": "ab6b14b45fd0dfb3",
> "page": "",
> "ui": "",
> "name": "",
> "order": 1,
> "width": 0,
> "height": 0,
> "head": "",
> "format": "\<v-btn @click=\\"send({payload: 'Hello World'})\\"\>Send Hello World\</v-btn\>",
> "storeOutMessages": true,
> "passthru": true,
> "resendOnRefresh": true,
> "templateScope": "local",
> "className": "",
> "x": 420,
> "y": 240,
> "wires": \[
> \[
> "e234badbeb740e49"
> \]
> \]
> },
> {
> "id": "10b81341399afe1a",
> "type": "ui-template",
> "z": "3140cec2229a8dbf",
> "group": "324574385995bc1d",
> "page": "",
> "ui": "",
> "name": "",
> "order": 1,
> "width": 0,
> "height": 0,
> "head": "",
> "format": "\<template\>\\n \<div\>\\n \<h2\>Latest \<code\>msg\</code\> received:\</h2\>\\n \<pre\>{{ msg }}\</pre\>\\n \</div\>\\n\</template\>",
> "storeOutMessages": true,
> "passthru": true,
> "resendOnRefresh": true,
> "templateScope": "local",
> "className": "",
> "x": 420,
> "y": 160,
> "wires": \[
> \[\]
> \]
> },
> {
> "id": "0837ece1c6cd2f9f",
> "type": "inject",
> "z": "3140cec2229a8dbf",
> "name": "",
> "props": \[
> {
> "p": "payload"
> },
> {
> "p": "topic",
> "vt": "str"
> }
> \],
> "repeat": "",
> "crontab": "",
> "once": false,
> "onceDelay": 0.1,
> "topic": "Hellooooo!",
> "payload": "iso",
> "payloadType": "date",
> "x": 180,
> "y": 120,
> "wires": \[
> \[
> "10b81341399afe1a",
> "53c9f9f3ee1b6e4b"
> \]
> \]
> },
> {
> "id": "e234badbeb740e49",
> "type": "debug",
> "z": "3140cec2229a8dbf",
> "name": "debug 63",
> "active": false,
> "tosidebar": true,
> "console": false,
> "tostatus": false,
> "complete": "true",
> "targetType": "full",
> "statusVal": "",
> "statusType": "auto",
> "x": 800,
> "y": 220,
> "wires": \[\]
> },
> {
> "id": "53c9f9f3ee1b6e4b",
> "type": "ui-notification",
> "z": "3140cec2229a8dbf",
> "ui": "08f25dbd54afd079",
> "position": "top right",
> "colorDefault": true,
> "color": "#000000",
> "displayTime": "3",
> "showCountdown": true,
> "outputs": 1,
> "allowDismiss": true,
> "dismissText": "Close",
> "raw": false,
> "className": "",
> "name": "",
> "x": 450,
> "y": 80,
> "wires": \[
> \[\]
> \]
> },
> {
> "id": "cd532b802ed99edb",
> "type": "function",
> "z": "3140cec2229a8dbf",
> "name": "auth",
> "func": "// Assuming msg.\_client.user.email contains the authenticated user's email\\nconst userEmail = msg.\_client.user.email;\\n\\n// Define the pages and groups to hide\\nconst pagesToHide = \['Homepage', 'Page 2'\]; // Replace with your actual page names\\n\\n// Prepare the payload to show/hide pages and groups\\nmsg.payload = {\\n pages: {\\n show: \[\], // Add any pages you want to show\\n hide: pagesToHide // Pages to hide\\n }\\n};\\n\\n// Log the action for debugging\\nnode.log(\`Hiding pages: ${JSON.stringify(pagesToHide)}\`);\\n\\nreturn msg;",
> "outputs": 1,
> "timeout": 0,
> "noerr": 0,
> "initialize": "",
> "finalize": "",
> "libs": \[\],
> "x": 410,
> "y": 320,
> "wires": \[
> \[
> "b3f8da232ad49630"
> \]
> \]
> },
> {
> "id": "b3f8da232ad49630",
> "type": "ui-control",
> "z": "3140cec2229a8dbf",
> "name": "",
> "ui": "08f25dbd54afd079",
> "events": "all",
> "x": 640,
> "y": 320,
> "wires": \[
> \[
> "860583c48051155c"
> \]
> \]
> },
> {
> "id": "860583c48051155c",
> "type": "debug",
> "z": "3140cec2229a8dbf",
> "name": "debug 64",
> "active": true,
> "tosidebar": true,
> "console": false,
> "tostatus": false,
> "complete": "true",
> "targetType": "full",
> "statusVal": "",
> "statusType": "auto",
> "x": 840,
> "y": 320,
> "wires": \[\]
> },
> {
> "id": "bd6b4ab764694470",
> "type": "ui-control",
> "z": "3140cec2229a8dbf",
> "name": "",
> "ui": "08f25dbd54afd079",
> "events": "all",
> "x": 160,
> "y": 320,
> "wires": \[
> \[
> "cd532b802ed99edb"
> \]
> \]
> },
> {
> "id": "d4522e1cfe42ef45",
> "type": "ui-chart",
> "z": "3140cec2229a8dbf",
> "group": "8c88e7c22290f648",
> "name": "",
> "label": "chart",
> "order": 1,
> "chartType": "line",
> "category": "topic",
> "categoryType": "msg",
> "xAxisLabel": "",
> "xAxisProperty": "",
> "xAxisPropertyType": "property",
> "xAxisType": "time",
> "xAxisFormat": "",
> "xAxisFormatType": "auto",
> "yAxisLabel": "",
> "yAxisProperty": "",
> "ymin": "",
> "ymax": "",
> "action": "append",
> "stackSeries": false,
> "pointShape": "circle",
> "pointRadius": 4,
> "showLegend": true,
> "removeOlder": 1,
> "removeOlderUnit": "3600",
> "removeOlderPoints": "",
> "colors": \[
> "#0095ff",
> "#ff0000",
> "#ff7f0e",
> "#2ca02c",
> "#a347e1",
> "#d62728",
> "#ff9896",
> "#9467bd",
> "#c5b0d5"
> \],
> "textColor": \[
> "#666666"
> \],
> "textColorDefault": true,
> "gridColor": \[
> "#e5e5e5"
> \],
> "gridColorDefault": true,
> "width": 6,
> "height": 8,
> "className": "",
> "x": 410,
> "y": 420,
> "wires": \[
> \[\]
> \]
> },
> {
> "id": "ab6b14b45fd0dfb3",
> "type": "ui-group",
> "name": "G2",
> "page": "bcc422e05bf17807",
> "width": "4",
> "height": "3",
> "order": 2,
> "showTitle": true,
> "className": "",
> "visible": "true",
> "disabled": "false"
> },
> {
> "id": "324574385995bc1d",
> "type": "ui-group",
> "name": "G1",
> "page": "bcc422e05bf17807",
> "width": "4",
> "height": "3",
> "order": 1,
> "showTitle": true,
> "className": "",
> "visible": "true",
> "disabled": "false"
> },
> {
> "id": "08f25dbd54afd079",
> "type": "ui-base",
> "name": "UI Name",
> "path": "/dashboard",
> "includeClientData": true,
> "acceptsClientConfig": \[
> "ui-notification",
> "ui-control",
> "ui-template",
> "ui-markdown",
> "ui-form",
> "ui-text-input",
> "ui-file-input",
> "ui-button",
> "ui-button-group",
> "ui-dropdown",
> "ui-radio-group",
> "ui-slider",
> "ui-switch",
> "ui-text",
> "ui-table",
> "ui-chart",
> "ui-gauge",
> "ui-tabulator"
> \],
> "showPathInSidebar": false,
> "showPageTitle": true,
> "navigationStyle": "icon",
> "titleBarStyle": "default"
> },
> {
> "id": "8c88e7c22290f648",
> "type": "ui-group",
> "name": "My Group",
> "page": "d1b4fa02ddfafd2b",
> "width": "6",
> "height": "1",
> "order": 1,
> "showTitle": true,
> "className": "",
> "visible": "true",
> "disabled": "false"
> },
> {
> "id": "bcc422e05bf17807",
> "type": "ui-page",
> "name": "Homepage",
> "ui": "08f25dbd54afd079",
> "path": "/home",
> "icon": "home",
> "layout": "grid",
> "theme": "b7b1935fbb33bbc8",
> "order": 1,
> "className": "",
> "visible": true,
> "disabled": false
> },
> {
> "id": "d1b4fa02ddfafd2b",
> "type": "ui-page",
> "name": "Page 2",
> "ui": "08f25dbd54afd079",
> "path": "/page2",
> "icon": "home",
> "layout": "grid",
> "theme": "b7b1935fbb33bbc8",
> "order": 2,
> "className": "",
> "visible": "true",
> "disabled": "false"
> },
> {
> "id": "b7b1935fbb33bbc8",
> "type": "ui-theme",
> "name": "def theme",
> "colors": {
> "surface": "#ffffff",
> "primary": "#0094ce",
> "bgPage": "#eeeeee",
> "groupBg": "#ffffff",
> "groupOutline": "#cccccc"
> },
> "sizes": {
> "pagePadding": "12px",
> "groupGap": "12px",
> "groupBorderRadius": "4px",
> "widgetGap": "12px"
> }
> }
> \]
> 
> \### Environment
> 
> \- Dashboard version: 1.14.0
> \- Node-RED version: 4.0.2
> \- Node.js version: 20.x
> \- npm version:
> \- Platform/OS: Ubuntu
> \- Browser: Chrome
> 
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I have provided an initial effort estimate

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [14 October 2024 16:01 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/7 "2024-10-14T16:01:42Z")

</div>

Starting from nothing - drag button into, it is preconfigured.

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

It creates 4 config nodes

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

Everything seems really ok  
But if you deploy

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

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

It renders on dashboard but unused configs still exist on every deploy.  
And there's no clue what the user should do with them.

---

<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:** [14 October 2024 16:17 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/8 "2024-10-14T16:17:24Z")

</div>

This, thanks i had to find some screenshots, but you were faster 😉

Is it a capitalization issue (page vs Page ?)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [14 October 2024 16:17 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/9 "2024-10-14T16:17:25Z")

</div>

Is that the issue I linked to? Does it recover if you refresh the browser?

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [14 October 2024 16:17 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/10 "2024-10-14T16:17:58Z")

</div>

Hmmm, that geels like an underlying Node-RED bug. They are all used. The group is used by the newly created Button, page by the group, theme by the page, and base by the page.

Can you open a GH issue please, and we can investigate.

---

<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:** [14 October 2024 18:10 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/11 "2024-10-14T18:10:11Z")

</div>

> [@joepavitt](#):
>
> new Group "type" property will be really useful/popular, as it makes it very easy to render content into a Dialog/Modal.

@joepavitt  
Stupid question: is such a dialog group an alternative for a ui-form node in some way?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [14 October 2024 18:12 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/12 "2024-10-14T18:12:41Z")

</div>

> [@BartButenaers](#):
>
> Stupid question: is such a dialog group an alternative for a ui-form node in some way?

A form can be put onto a dialog (as can any other controls).

Think of the dialog as any other group that has widgets except is is not shown until you tell it to show via a message.

Probably easier to play with it than explain it. There is a copyable demo on this page: [Config: UI Group ui-group | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/config/ui-group.html#type)

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [14 October 2024 18:50 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/13 "2024-10-14T18:50:59Z")

</div>

Not limited to forms, although rendering a form into a Dialog/Modal will probably be the most common use case, I suspect.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [14 October 2024 19:51 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/14 "2024-10-14T19:51:24Z")

</div>

Issue created [Drag in first node creates fantom "unused config nodes" issue · Issue #1401 · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues/1401)

---

<div class="post-metadata">

**Author:** ![gemini86](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gemini86/32/70967_2.png) [@gemini86](https://discourse.nodered.org/u/gemini86)\
**Post date:** [15 October 2024 17:32 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/15 "2024-10-15T17:32:08Z")

</div>

Love the customizable icon but can we also get customizable app title? I used to install my dashboard 1.0 sites on my android and have the favicon as well as the page title in a neat little folder on my home screen, but now it says "Dashboard" and I can't change it. You must realize I have way too many different dashboards.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [15 October 2024 17:58 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/16 "2024-10-15T17:58:06Z")

</div>

It's next on the list:

> <https://github.com/FlowFuse/node-red-dashboard/issues/1375>
>
> \### Description
> 
> I'm raising this followup task as per the below PR review sugge…stion made by @Steve-Mcl 
> 
> Original comment - https://github.com/FlowFuse/node-red-dashboard/pull/1366#pullrequestreview-2359426184
> 
> \> Looks good to me.
> 
> \> Question, shouldnt the \`name\` come from the base node \`Name\` field?
> 
> \> !\[image\](https://github.com/user-attachments/assets/bc49b8c9-c1d4-46e0-a37d-2b5b7c0149da)
> 
> \> As it stands, all of my dashboards are called "Node-RED Dashboard 2.0" - not a great UX IMHO.
> 
> \> This can of course be a follow up task.
> 
> \### Epic/Story
> 
> \_No response\_
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I have provided an initial effort estimate

---

<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:** [16 October 2024 04:48 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/17 "2024-10-16T04:48:10Z")

</div>

I think you even show the same issue in [your own youtube video](https://discourse.nodered.org/t/is-it-possible-to-make-subgroups-in-dashboard-2/92315/10) ?

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [16 October 2024 05:55 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/18 "2024-10-16T05:55:46Z")

</div>

Wow, yeah, you’re absolutely right. I see "green" in that notification, don't bother reading and dismiss. Woops!

---

<div class="post-metadata">

**Author:** ![agh22](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@agh22](https://discourse.nodered.org/u/agh22)\
**Post date:** [19 October 2024 07:05 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/19 "2024-10-19T07:05:20Z")

</div>

Is the diialog/modal function operational? For the life of me I can't get it to work. The payload is passing in the editor, but nothing happens in the dashboard.

I have simplified things to just trying the example flow from the documentation and when I press the button, the form does not show up inline or in a modal. I have not changed the code at all and have tried it in chrome and firefox.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [19 October 2024 07:13 UTC](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374/20 "2024-10-19T07:13:08Z")

</div>

Can you confirm you are using latest version of dashboard?

Could you export your example as a flow here (yeah, I know you took it from the demo, but I want to see if it has mutated of been affected in some way)

[Next page](https://discourse.nodered.org/t/dashboard-updates-dialogs-customisable-application-icon-histograms-more/92374.md?page=2)