# A tutorial on how to add a dropdown to the node edit properties of a subflow

**URL:** <https://discourse.nodered.org/t/a-tutorial-on-how-to-add-a-dropdown-to-the-node-edit-properties-of-a-subflow/86247>\
**Category:** General\
**Tags:** subflow\
**Created:** [7 March 2024 18:21 UTC](https://discourse.nodered.org/t/a-tutorial-on-how-to-add-a-dropdown-to-the-node-edit-properties-of-a-subflow/86247 "2024-03-07T18:21:37Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mitch-shiver](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mitch-shiver/32/45690_2.png) [@mitch-shiver](https://discourse.nodered.org/u/mitch-shiver)\
**Post date:** [7 March 2024 18:21 UTC](https://discourse.nodered.org/t/a-tutorial-on-how-to-add-a-dropdown-to-the-node-edit-properties-of-a-subflow/86247/1 "2024-03-07T18:21:37Z")

</div>

Hi, I have created a custom node using a subflow. One of the fields that I want in the edit properties for the new node is a dropdown containing "up", "down", "left", "right" rather than requiring the user of the node to input those strings to the field. It seems from browsing here and other locations on the internet that it is possible to do this, but I can't find a definitive set of steps to add dropdowns to a node edit properties view. Is it possible to do this?  
Some caveats:

- I see lots of 'snippets' of how to do this, just nothing that goes through the steps of adding a dropdown, is it possible it exists somewhere and I just haven't found it?
- I am talking about adding a dropdown to the edit properties dialog for a node, not the dashboard (seems like quite a bit of confusion on this front from posts I see)
- I am not a JavaScript expert but I understand the basics and know how to add JavaScript to html, just not sure where/how to add it to Node-Red if that is the solution

Thanks in advance for any pointers!

---

<div class="post-metadata">

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\
**Post date:** [7 March 2024 18:38 UTC](https://discourse.nodered.org/t/a-tutorial-on-how-to-add-a-dropdown-to-the-node-edit-properties-of-a-subflow/86247/2 "2024-03-07T18:38:39Z")

</div>

Hi @mitch-shiver

It's easier to visualise the steps, so here is one I made earlier 😃

![Mar-07-2024 18-37-29](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/8/98f962bb45ec4f19bf0a182336a867e49cd5b846.gif)

Note : I added the `subflow` tag to this post

---

<div class="post-metadata">

**Author:** ![mitch-shiver](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mitch-shiver/32/45690_2.png) [@mitch-shiver](https://discourse.nodered.org/u/mitch-shiver)\
**Post date:** [7 March 2024 19:09 UTC](https://discourse.nodered.org/t/a-tutorial-on-how-to-add-a-dropdown-to-the-node-edit-properties-of-a-subflow/86247/3 "2024-03-07T19:09:31Z")

</div>

Can't get any more straightforward than that, glad that I did not go down the rabbit hole of adding custom JavaScript for this. Thanks!

---

<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:** [6 May 2024 19:09 UTC](https://discourse.nodered.org/t/a-tutorial-on-how-to-add-a-dropdown-to-the-node-edit-properties-of-a-subflow/86247/4 "2024-05-06T19:09:39Z")

</div>

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