How and where to import external javascript files into a widget

[oskarberntorp]

Hi,

I am at the moment implementing a QR Code scanning widget with the help of the github project HTML5 QR Code reader.

I am using the Eclipse Extension plugin and the Eclipse Extension sdk

How and where should external javascript and css files be referenced, I know that they should be kept in the ui folder, but I do not know where to reference them, the code i have found it this (append the script in the head):

$("head").append("<script type="text/javascript" src="../Common/Extensions/QRCodeExtension/ui/qrcode_widget/scanner2-core.js"></script>)

Kindly

Oskar Berntorp

[Velkumar · Accepted solution]

Hi @oskarberntorp 

You can mention external javascript reference in the metadata.xml file

/VR

[oskarberntorp]

Hi Velkumar,

I can see that your answer do not mention local javascript files, how should their url look?

// Oskar

[Velkumar]

Hi @oskarberntorp 

You can mention custom js like this.

Place your files under folder ui > WIDGET NAME >

/VR

[VladimirRosu]

And to add to what @Velkumar stated, which is exactly what you need, you don't need to add in your runtime.js any import statement like the one you mentioned.