# Adding someone elses JS file into a node-red-dashboard ui-template

**URL:** https://discourse.nodered.org/t/adding-someone-elses-js-file-into-a-node-red-dashboard-ui-template/53910
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [17 November 2021 20:42 UTC](https://discourse.nodered.org/t/adding-someone-elses-js-file-into-a-node-red-dashboard-ui-template/53910 "2021-11-17T20:42:23Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![johnsteeleMolinare](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/johnsteelemolinare/32/51236_2.png) [@johnsteeleMolinare](https://discourse.nodered.org/u/johnsteeleMolinare)
#### Post date: [17 November 2021 20:42 UTC](https://discourse.nodered.org/t/adding-someone-elses-js-file-into-a-node-red-dashboard-ui-template/53910/1 "2021-11-17T20:42:23Z")

</div>

If I wanted to use a rotary knob rather than a slider a previous forum had suggested using the jogDial.js detailed in the link below;

> **[Mobile-friendly Dial Knob Plugin In Vanilla JS - JogDial.js | CSS Script](https://www.cssscript.com/dial-knob-jogdial/)**
>
> The JogDial.js JavaScript plugin helps you create a customizable, mobile-friendly knob control where the users are able to adjust values by cyclic dragging with mouse or fingers.

If I wanted to import this into a node-red-dashboard ui-template in order to use it within my dashboard how would I go about that?

---

<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: [17 December 2021 20:43 UTC](https://discourse.nodered.org/t/adding-someone-elses-js-file-into-a-node-red-dashboard-ui-template/53910/2 "2021-12-17T20:43:04Z")

</div>

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