# Remove top border

**URL:** <https://discourse.nodered.org/t/remove-top-border/86717>\
**Category:** Dashboard\
**Created:** [24 March 2024 16:18 UTC](https://discourse.nodered.org/t/remove-top-border/86717 "2024-03-24T16:18:49Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![acestu](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/acestu/32/90408_2.png) [@acestu](https://discourse.nodered.org/u/acestu)\
**Post date:** [24 March 2024 16:18 UTC](https://discourse.nodered.org/t/remove-top-border/86717/1 "2024-03-24T16:18:49Z")

</div>

Hi, I just wondered if there was a way to remove the top border with the title in the dashboard, I have a great number of gauges to fit on the page and they just will not fit with the rather big border

Thanks  
Stuart B

---

<div class="post-metadata">

**Author:** ![acestu](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/acestu/32/90408_2.png) [@acestu](https://discourse.nodered.org/u/acestu)\
**Post date:** [24 March 2024 17:31 UTC](https://discourse.nodered.org/t/remove-top-border/86717/2 "2024-03-24T17:31:21Z")

</div>

Ha Ha, silly me, it is as easy as changing an option in site

Thanks  
Resolved

---

<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:** [24 March 2024 17:33 UTC](https://discourse.nodered.org/t/remove-top-border/86717/3 "2024-03-24T17:33:02Z")

</div>

There is an option to hide the title bar in Dashboard | Site  
It certainly works if you only have one tab, I have not tried with multiple tabs.

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

---

<div class="post-metadata">

**Author:** ![Yury](https://avatars.discourse-cdn.com/v4/letter/y/f19dbf/32.png) [@Yury](https://discourse.nodered.org/u/Yury)\
**Post date:** [25 March 2024 10:01 UTC](https://discourse.nodered.org/t/remove-top-border/86717/4 "2024-03-25T10:01:16Z")

</div>

Is it possible to control its visibility programmatically ?

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [25 March 2024 10:22 UTC](https://discourse.nodered.org/t/remove-top-border/86717/5 "2024-03-25T10:22:30Z")

</div>

> [@Title bar (set dimension)](https://discourse.nodered.org/t/title-bar-set-dimension/86420/2):
>
> Yep, no problem [{"id":"4dc5011bc5629643","type":"ui\_template","z":"3214abbc22cff266","group":"56ee1a813c413d19","name":"ToolbarSmall","order":4,"width":0,"height":0,"format":"\<style\>\n \n .md-toolbar-tools{\n max-height: 32px;\n font-size: 12px;\n }\n \n md-toolbar{\n min-height: 20px;\n }\n \n\</style\>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","className":"","x":690,"y":120,"wires":[[]]},{"id":"56ee1a813c413d19"…

try putting 0 px in min and max height.

may not be the correct way, but works for me in dashboard 1.0

---

<div class="post-metadata">

**Author:** ![Yury](https://avatars.discourse-cdn.com/v4/letter/y/f19dbf/32.png) [@Yury](https://discourse.nodered.org/u/Yury)\
**Post date:** [25 March 2024 11:36 UTC](https://discourse.nodered.org/t/remove-top-border/86717/6 "2024-03-25T11:36:43Z")

</div>

> [@smanjunath211](#):
>
> try putting 0 px in min and max height.

And where is this data to edit it?

---

<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:** [24 April 2024 11:36 UTC](https://discourse.nodered.org/t/remove-top-border/86717/7 "2024-04-24T11:36:57Z")

</div>

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