# Creating a UI with multiple buttons

**URL:** https://discourse.nodered.org/t/creating-a-ui-with-multiple-buttons/41804
**Category:** Developing Nodes
**Created:** [1 March 2021 12:35 UTC](https://discourse.nodered.org/t/creating-a-ui-with-multiple-buttons/41804 "2021-03-01T12:35:11Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)
#### Post date: [2 March 2021 19:30 UTC](https://discourse.nodered.org/t/creating-a-ui-with-multiple-buttons/41804/4 "2021-03-02T19:30:57Z")

</div>

Yes, I installed the dashboard. And it works without problems. Maybe I have to start the story at the beginning:

I have several roller shutters and dimmer switches. The dashboard looks like this  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/2/029fab897e7cd1b87f99b9fad4b46b4e56834a43.png)  
The corresponding flow is (using Homematic IP switches)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/7/07bcd376ea2b68a3b72c803696233da6a634238b.png)  
The idea was to create a ui to encapsulate the 7 buttons for three reasons:

1. I think it would be nice to have one node (of fixed size 6x4) to create the buttons, the return value would be the desired height of the shutters in e.g. percent.
2. I'm lazy, every time I implement a new shutter I have to copy the flow and change the group of all buttons separately. I could do that only once for the new ui node then.
3. And last but not least I want to learn something new 😃

All this said I tried to start this project, but have problems because there is almost no example to follow. If someone has a good example/tutorial/howto to start with I would be glad!

---

_[View the full topic](https://discourse.nodered.org/t/creating-a-ui-with-multiple-buttons/41804)._