nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how to include external js

Nate Zapotocky

i need to include external js that is located in my node_modules and bower_components folders

what path do i use to target those folders from the index.html page?

i'm trying ../../../bower_components/Flot/jquery.flot.js

when i load the add-in in re nxt, it doesn't find the scripts

Find more posts tagged with

Comments

Jeff Armstrong

Is there anyone @ Blackbaud who can take a look at this question for us? We are trying to build SKY Add-Ins and this is one of our roadblocks. Any assistance would be greatly appreciated!

Szymon Zaleski

I am not exactly sure if it's would work (haven't tried it), but I found a place in skyuxconfig.json where you can include external css and js files, the caveat is, they require fully qualified URL of the file:

Ben Lambert

Hi Nate,

Are you building your add-in using SKY UX? The add-in is a website that you build/deploy, so you can choose whatever tech/packaging you'd like to host the site. In other words, SKY Add-ins don't dictate one way or the other how your website loads any dependencies. I know this thread is a bit old (sorry we missed responding!), so you may have resolved this already.