# Add button with specified Url beside deploy button

**URL:** https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761
**Category:** Core Development
**Created:** [27 July 2020 08:51 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761 "2020-07-27T08:51:40Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [27 July 2020 08:51 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/1 "2020-07-27T08:51:40Z")

</div>

Hello,

```
As i have earlier asked for adding custom button beside Deploy button and i was guided i can create custom button using editor theme but it was not worked (may be i am doing something wrong).

```

Can you please guide me how can i do it?  
End goal is to just put a button beside our Deploy button and on click of that it should redirect to specific location.

What i have done is in screen shot.

Please Help me Out.....................

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/3/f33175d67eeb5a65464dc961feed1592e0864699.png)  
@knolleary

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [27 July 2020 09:04 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/2 "2020-07-27T09:04:58Z")

</div>

Hi @dhpatel177

I'm not sure where you were told you can create custom buttons like that using `editorTheme`, but you cannot do it that way. You can customise the appearance of the Deploy button, but not add other buttons.

You have two options:

1. modify the editor source code to add whatever you want and then rebuild it

2. use the `editorTheme.page.scripts` setting (you can see it at the top of your screenshot) to point at a custom javascript file that will get loaded into the editor. You can use that to dynamically add the button using jQuery.

---

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [30 July 2020 08:51 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/3 "2020-07-30T08:51:03Z")

</div>

I have putted some code in deploy.js but it won't worked ....from where this deploy button html is coming from. Please refere screen shot.

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/8/18bf62e6a4140d734f9105c3567b24fe444e3053.png)  
@knolleary

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [30 July 2020 08:52 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/4 "2020-07-30T08:52:46Z")

</div>

How are you running node-red?

After editing any of the editor source code you will need to run `grunt build` in order to generate the `red.min.js` file that the editor loads.

Alternatively, run with `grunt dev` - this will run node-red for you and watch for any changes to the source code, automatically rebuilding the editor code if needed, or restarting Node-RED if any runtime code is modified.

---

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [30 July 2020 08:57 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/5 "2020-07-30T08:57:57Z")

</div>

every time when i run this build command "npm run build" i got an error like this.

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/7/37ba128a714c4975e8420a5e73c3b580181f67a2.png)

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [30 July 2020 09:10 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/6 "2020-07-30T09:10:38Z")

</div>

And have you done what the it says to try to fix it?

> Run `npm rebuild node-sass` to download the binding for your current environment

---

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [30 July 2020 09:30 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/7 "2020-07-30T09:30:03Z")

</div>

Getting error like this....

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/8/48f4425b376b6b5253591ad9a2390bf8dd53ceb6.png)

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [30 July 2020 09:31 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/8 "2020-07-30T09:31:05Z")

</div>

Have you run `npm install` ?

---

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [30 July 2020 09:31 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/9 "2020-07-30T09:31:26Z")

</div>

yes i have

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [30 July 2020 09:33 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/10 "2020-07-30T09:33:37Z")

</div>

So why has it not installed all of the `devDependencies`?

What version of npm have you got?

---

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [30 July 2020 09:34 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/11 "2020-07-30T09:34:35Z")

</div>

6.9.0 is npm version

---

<div class="post-metadata">

### Author: ![dhpatel177](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhpatel177/32/39248_2.png) [@dhpatel177](https://discourse.nodered.org/u/dhpatel177)
#### Post date: [30 July 2020 09:36 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/12 "2020-07-30T09:36:55Z")

</div>

let me try some other options

---

<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: [28 September 2020 09:36 UTC](https://discourse.nodered.org/t/add-button-with-specified-url-beside-deploy-button/30761/13 "2020-09-28T09:36:57Z")

</div>

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