Where to place stylesheets and scripts for scripted dashboard access?

Grafana Plugin Development
1

I want to reference some additional css and js files from within my scripted dashboards (for a custom html panel at the top of our page) but can’t seem to find the proper location to place these files (and reference them correctly).

My most recent attempt was to place the files in:
/Users/me/Documents/dev/grafana-dev/src/github.com/grafana/grafana/public/app/shared/css
/Users/me/Documents/dev/grafana-dev/src/github.com/grafana/grafana/public/app/shared/js

And reference them in my html as:
<script type="text/javascript" src="app/shared/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="app/shared/bootstrap-multiselect.css" type="text/css"/>

But this just throws net::ERROR_ABORTED and 404s. What’s the proper way?

2

Hi,

I’m not sure if you can help you. But your script and css paths should probably include public/. Does this work.

Another easier solution would be if your script and css are hosted on a publicly available cdn. Then you can just reference those urls in your script and css paths.

Marcus

3

I think there might be an issue introduced with version 6 with the HTML panels, when trying to use tags like or or .

In version 5, we had this html panel :

image
image1771×282 20.5 KB

In version 6, it doesnt look like it’s parsing the tags properly :

image
image1463×217 128 KB

I did not find anything about this, is there a workaround or a fix?

Stephane

4