# Buttons size Dashboard

**URL:** <https://discourse.nodered.org/t/buttons-size-dashboard/59371>\
**Category:** Dashboard\
**Tags:** function-node\
**Created:** [4 March 2022 14:42 UTC](https://discourse.nodered.org/t/buttons-size-dashboard/59371 "2022-03-04T14:42:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ninaaa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ninaaa/32/93493_2.png) [@ninaaa](https://discourse.nodered.org/u/ninaaa)\
**Post date:** [4 March 2022 14:42 UTC](https://discourse.nodered.org/t/buttons-size-dashboard/59371/1 "2022-03-04T14:42:58Z")

</div>

Hello, everyone,  
a long search on the internet has led me to you.

I hope you can help me!

Node-Red runs from Ubuntu, I want to visualize my controller (Step7).  
I use SVG images for this and it works the way I want it to. Resolution 1024x768, well now I have the problem that my buttons are huge and I can't find a way to make them small. (I couldn't find a solution!!)

Is there a way to integrate the buttons into SVG and to position and design them sensibly.

In addition to the pump, an ON/OFF button is the idea

thanks greetings

---

<div class="post-metadata">

**Author:** ![kvramji](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kvramji/32/59005_2.png) [@kvramji](https://discourse.nodered.org/u/kvramji)\
**Post date:** [24 March 2022 13:10 UTC](https://discourse.nodered.org/t/buttons-size-dashboard/59371/2 "2022-03-24T13:10:01Z")

</div>

I have used the ui-led node to get the following display on my dashboard. Each led can be a square or a circle which can be any color you want it to be.  
My led colors are based on the MQTT inputs they receive from my MQTT client.

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

---

<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:** [23 April 2022 13:10 UTC](https://discourse.nodered.org/t/buttons-size-dashboard/59371/3 "2022-04-23T13:10:10Z")

</div>

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