# Making a custom ui\_node : using external angular libraries

**URL:** <https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510>\
**Category:** Dashboard\
**Created:** [2 November 2018 18:58 UTC](https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510 "2018-11-02T18:58:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![edorgeville](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edorgeville/32/8588_2.png) [@edorgeville](https://discourse.nodered.org/u/edorgeville)\
**Post date:** [2 November 2018 18:58 UTC](https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510/1 "2018-11-02T18:58:20Z")

</div>

Hi everyone,

I'm trying to make a custom node using the newly published guide at [https://github.com/node-red/node-red-dashboard/wiki/Creating-New-Dashboard-Widgets](https://github.com/node-red/node-red-dashboard/wiki/Creating-New-Dashboard-Widgets).  
To save some time, I want to reuse the [angular keypad](https://github.com/benjamincharity/angular-keypad) package.  
Now, after using `npm install angular-keypad`, I have to import JS and CSS.  
Also, according to the package's docs, I should register the module using `angular.module('YourModule', ['bc.AngularKeypad']);`

Here's what I've got for now:

> **[edorgeville/node-red-contrib-ui-keypad](https://github.com/edorgeville/node-red-contrib-ui-keypad)**
>
> WIP: A keypad to lock your node-red-dashboard interface - edorgeville/node-red-contrib-ui-keypad

This is pretty much the calendar example with a name change for now 😅  
Only

Any help is greatly appreciated.

Thanks!

---

<div class="post-metadata">

**Author:** ![edorgeville](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edorgeville/32/8588_2.png) [@edorgeville](https://discourse.nodered.org/u/edorgeville)\
**Post date:** [7 November 2018 19:04 UTC](https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510/2 "2018-11-07T19:04:48Z")

</div>

@dceejay sorry to bother, but do you have any hint for me to look into? 🙏

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [7 November 2018 20:07 UTC](https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510/3 "2018-11-07T20:07:57Z")

</div>

You may get a better response if you were more specific about what the problem is/what exactly you are having difficulty with.