# Adding Items to User Settings

**URL:** <https://discourse.nodered.org/t/adding-items-to-user-settings/23078>\
**Category:** General\
**Created:** [13 March 2020 17:24 UTC](https://discourse.nodered.org/t/adding-items-to-user-settings/23078 "2020-03-13T17:24:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![vlagnar](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vlagnar/32/59517_2.png) [@vlagnar](https://discourse.nodered.org/u/vlagnar)\
**Post date:** [13 March 2020 17:24 UTC](https://discourse.nodered.org/t/adding-items-to-user-settings/23078/1 "2020-03-13T17:24:00Z")

</div>

Is there anyone who can point me in a direction on how to add items to the "User Settings" editor menu within Node-red? (or a custom menu like "User Settings").

I am specifically trying to add some items that I can use either in flows and/or can have under-the-hood (shell scripts) use to configure system settings (ex. IP addresses, socket timeout settings, etc.)

My goal is to have a node installed, that will add these option to the editor menus.

---

<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:** [13 March 2020 17:49 UTC](https://discourse.nodered.org/t/adding-items-to-user-settings/23078/2 "2020-03-13T17:49:00Z")

</div>

Hi @vlagnar

we haven't published the api for doing this, although it does exist in the editor. But there is no documentation I can point you at other that show you how it is used,

You can see it in action here, where the palette manager adds itself to the settings dialog: [https://github.com/node-red/node-red/blob/master/packages/node\_modules/%40node-red/editor-client/src/js/ui/palette-editor.js#L440](https://github.com/node-red/node-red/blob/master/packages/node_modules/%40node-red/editor-client/src/js/ui/palette-editor.js#L440)

```auto
RED.userSettings.add({
   id:'my-settings', // A *unique* identifier for the pane
   title: "My Settings", // The label for the pane
   get: function() {}, // Called when the settings dialog is being opened
   close: function() {}, // Called when the settings dialog is being closed
   focus: function() {} // Called when this pane is getting focus
})

```

The `get` function should return the DOM element for the settings pane. For example:

```auto
get: function() {
   var settingsPane = $("<div>",{style: "height: 100%"});
   // Build up the settings pane
   return settingsPane;
}

```

For another reference, here's where the 'view' settings pane is added: [https://github.com/node-red/node-red/blob/master/packages/node\_modules/%40node-red/editor-client/src/js/ui/userSettings.js#L224](https://github.com/node-red/node-red/blob/master/packages/node_modules/%40node-red/editor-client/src/js/ui/userSettings.js#L224)

This is all written largely off the top of my head - hopefully I've not missed anything vital...

---

<div class="post-metadata">

**Author:** ![vlagnar](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vlagnar/32/59517_2.png) [@vlagnar](https://discourse.nodered.org/u/vlagnar)\
**Post date:** [16 March 2020 23:59 UTC](https://discourse.nodered.org/t/adding-items-to-user-settings/23078/3 "2020-03-16T23:59:51Z")

</div>

Thanks will give it a try.

---

<div class="post-metadata">

**Author:** ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)\
**Post date:** [17 March 2020 07:55 UTC](https://discourse.nodered.org/t/adding-items-to-user-settings/23078/4 "2020-03-17T07:55:24Z")

</div>

Nice, I was looking for something like that too.  
Thank you, Nick!

---

<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:** [16 May 2020 07:55 UTC](https://discourse.nodered.org/t/adding-items-to-user-settings/23078/5 "2020-05-16T07:55:24Z")

</div>

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