# How to create switching button in new html file to control LOGO
**URL:** https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014
**Category:** Industrial
**Created:** [4 July 2021 15:52 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014 "2021-07-04T15:52:00Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@Doba](https://discourse.nodered.org/u/Doba)
#### Post date: [4 July 2021 15:52 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/1 "2021-07-04T15:52:00Z")
Hi,
I was hoping someone could assist me in creating my little project.
I'm afraid I don't have any experience in programming and have only started with Node-Red since a few weeks.
I understand for someone with experience my questions wil probably be enoying but I guess I have to start somewhere.
What I'm trying to do is create a web-application on Node-Red networked with a Siemens LOGO 8 to control a network input.
So far I got a communication up and running and a button on the standard node-red-dashboard controling my PLC.
The installation of uibuilder was successful and I have the standard uibuilder page active.
I'm now trying to create a empty page with just one button on/off to control my LOGO.
Can anyone assist me in accomplishing this?
Kind regards,
Doba
---
### Author:  [@machadotiago](https://discourse.nodered.org/u/machadotiago)
#### Post date: [4 July 2021 21:55 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/2 "2021-07-04T21:55:49Z")
Can you tell us a bit more about which problems are you facing and also post your complete flow here?
---
### Author:  [@Doba](https://discourse.nodered.org/u/Doba)
#### Post date: [5 July 2021 05:25 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/3 "2021-07-05T05:25:21Z")
Hi,
I'm not sure how to proceed after draging the UIbuilder in to the flowchart.
My guess is I have to change the HTML code and some other scripts, this is the part where my knoweledge is insufficiant at the moment.
Am I right by thinking the code has to be changed for a single on/off button on a page?
Does UIbuilder the node have to be in the same position as my Q1 button?
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [5 July 2021 06:28 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/4 "2021-07-05T06:28:32Z")
You cannot use dashboard nodes and ui-builder. They are totally separate. You don't need ui-builder installed to use dashboard buttons.
Since you seem to have very little programming experience I would suggest you stick with the dashboard nodes.
There are a ton of videos on YouTube. This one is for someone just getting started with dashboard : [Node Red | Dashboard | Basic Setup - YouTube](https://youtu.be/GUVERLcvXsI)
---
### Author:  [@Doba](https://discourse.nodered.org/u/Doba)
#### Post date: [6 July 2021 05:21 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/5 "2021-07-06T05:21:39Z")
Hi Steve,
I appreciate your advise on keeping it basic but I would really like to go the step further. I'm sure once I can look in to a working example I'll be able to slowely find my way in the coding proces.
---
### Author:  [@Doba](https://discourse.nodered.org/u/Doba)
#### Post date: [6 July 2021 05:37 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/6 "2021-07-06T05:37:35Z")
Steve,
This might be a misplaced comment, but looking at your profile you seem like the person that could get me on my way.
Are you willing to help me out on this and maybe a few other questions? It will take an hour or two for sure but I'm more then willing to contribute for your valuable time. 😀
---
### Author:  [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [6 July 2021 07:50 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/7 "2021-07-06T07:50:15Z")
The best place to look for ui-builder examples is the ui-builder wiki [Home · TotallyInformation/node-red-contrib-uibuilder Wiki · GitHub](https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki)
---
### Author:  [@molesworth](https://discourse.nodered.org/u/molesworth)
#### Post date: [6 July 2021 09:15 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/8 "2021-07-06T09:15:59Z")
> [@Doba](#):
>
> I appreciate your advise on keeping it basic but I would really like to go the step further. I'm sure once I can look in to a working example I'll be able to slowely find my way in the coding proces.
I can understand the urge to try all sorts of things out, and to start using more advanced features, but as a beginner with very little coding or Node-RED experience, it's best to start slowly - go through all the tutorials and videos, try out some simple things with basic nodes and the standard dashboard first.
I've got over 40 years of coding experience but as a newbie to Node-RED I spent a bit of time going over the basics, and it helped a lot in my understanding.
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [4 September 2021 09:16 UTC](https://discourse.nodered.org/t/how-to-create-switching-button-in-new-html-file-to-control-logo/48014/9 "2021-09-04T09:16:28Z")
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.