# Flowfuse/Dashboard hide the header bar in the dialogue screen

**URL:** <https://discourse.nodered.org/t/flowfuse-dashboard-hide-the-header-bar-in-the-dialogue-screen/100891>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [2 May 2026 08:11 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-hide-the-header-bar-in-the-dialogue-screen/100891 "2026-05-02T08:11:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hipatel93](https://avatars.discourse-cdn.com/v4/letter/h/dfb087/32.png) [@hipatel93](https://discourse.nodered.org/u/hipatel93)\
**Post date:** [2 May 2026 08:11 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-hide-the-header-bar-in-the-dialogue-screen/100891/1 "2026-05-02T08:11:04Z")

</div>

Hi, does anyone know how we can hide the header bar in the dialogue screen, so we can utilize the maximum screen?

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

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [2 May 2026 10:11 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-hide-the-header-bar-in-the-dialogue-screen/100891/2 "2026-05-02T10:11:04Z")

</div>

It looks like you have unticked the option "Display group name" in the ui-group setup, and you are getting a blank space at the top of the dialog.

This seems to be a bug in the dashboard, one would expect the space to collapse.

There is a work-around - give the ui-group a custom CSS class "nogroupname" and use a CSS template to style it:

```auto
.nogroupname .v-card-item__append {
    display: none;
}

```

I tried it using the example in the documentation and it resulted in a smaller dialog window, which perhaps suggests it won't actually give you more screen space.  
However the whole dialog height calculation seems to be broken in my browser (firefox); maybe you will be luckier!

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

---

<div class="post-metadata">

**Author:** ![hipatel93](https://avatars.discourse-cdn.com/v4/letter/h/dfb087/32.png) [@hipatel93](https://discourse.nodered.org/u/hipatel93)\
**Post date:** [4 May 2026 23:32 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-hide-the-header-bar-in-the-dialogue-screen/100891/3 "2026-05-04T23:32:23Z")

</div>

Thank you — the issue has been resolved using your code. I made a slight adjustment to better suit my use case, as I have multiple dialog screens. Instead of applying styles individually, I generalised the CSS so it applies consistently across all dialogs.

```auto
/* This targets the header area of all dashboard groups */
.v-card-item__append {
    display: none !important;
}

/* This removes the header section along with its spacing */
.v-card-header {
    display: none !important;
}

```

---

<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:** [3 June 2026 23:32 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-hide-the-header-bar-in-the-dialogue-screen/100891/4 "2026-06-03T23:32:37Z")

</div>

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