# Making a new ui\_slider node

**URL:** <https://discourse.nodered.org/t/making-a-new-ui-slider-node/84019>\
**Category:** Developing Nodes\
**Created:** [25 December 2023 12:05 UTC](https://discourse.nodered.org/t/making-a-new-ui-slider-node/84019 "2023-12-25T12:05:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![magnusso](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/magnusso/32/37680_2.png) [@magnusso](https://discourse.nodered.org/u/magnusso)\
**Post date:** [25 December 2023 12:05 UTC](https://discourse.nodered.org/t/making-a-new-ui-slider-node/84019/1 "2023-12-25T12:05:29Z")

</div>

My apologies if this question has already been answered.

What is the recommend way of taking an existing node, in this case slider and start modifying existing code?

Specifically, how does one setup the workflow? Where store the new code, how to "run" it. Once I'm happy with the functionality, how to store the results?

My objective is to change the ui\_slider node so that input and output are separated. With separated I mean that node status shows input. Here node status is slider position. User interaction is reflected in output only. User interaction is the moving the slider. The ui\_switch allows for this. It seems that some consideration gas already been given to this functionality in ui\_slider.js:

```auto
        if (!node.pt) {
            node.on("input", function(msg) {
                node.state[0] = msg.payload;
                node.status({shape:"dot",fill:"grey",text:node.state[0] + " | " + node.state[1]});
            });
        }

```

---

<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:** [25 December 2023 12:27 UTC](https://discourse.nodered.org/t/making-a-new-ui-slider-node/84019/2 "2023-12-25T12:27:42Z")

</div>

This is not an easy topic to cover, certainly one that can't be answered with a single post  
I suggest reading about the ingredients involved, which will allow you to understand the workflow.

[https://nodered.org/docs/creating-nodes/](https://nodered.org/docs/creating-nodes/)

I have moved this to **Developing Nodes**

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [25 December 2023 13:36 UTC](https://discourse.nodered.org/t/making-a-new-ui-slider-node/84019/3 "2023-12-25T13:36:08Z")

</div>

If you make sure

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/3/639007a105fe2cf94720c2cb6b20935f2e7643e8.png)  
is not checked then the inout and output are separate already....  
Is that what you want ?

---

<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:** [24 January 2024 13:37 UTC](https://discourse.nodered.org/t/making-a-new-ui-slider-node/84019/4 "2024-01-24T13:37:07Z")

</div>

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