Ubidots Community

How to include external stylesheet in html canvas widget?

Hi,

We are using fontawesome and jquery tablesorter in our html canvas widget and I cannot see how to link their external .css files in.

I cannot put them as 3rd party libs because that uses the script tag.

Up until now we’ve been pasting a whole bunch of html into the widget html tab, but that generates invalid html. It sort of works, but it’s not the right way to go.

How do we get these external css files into the html generated by the custom html canvas?

Regards, David.

Hi @david.a.taylor,

We can include external CSS files into de HTML canvas widget development environment directly in the CSS tab using the @import statement, just as seen in the below image:

Does it make sense?

1 Like

That’s exactly what I was looking for, and didn’t find via google. Thanks!

I knew something like that should exist, but I’m no web-dev and couldn’t find it on MDN either. I’m sure it’s there somewhere.