| Excerpt |
|---|
The reference shows the full usage of the custom dashboard loaders for Squirro dashboards. |
...
| File | Type | Explanation |
|---|---|---|
loader.js | JavaScript | The executable code of the dashboard loader. This file is loaded together with the dashboard. |
| loader.css | CSS | The CSS of the dashboard loader. |
...
The main entry point to a loader is the customLoad() method. This method should be implemented in a custom loader and is executed before any dashboard content is loaded.
Loading custom CSS
Please note that the loader.css file gets loaded by default since Squirro version 2.6.4.
| Code Block | ||||
|---|---|---|---|---|
| ||||
return Loaders.Base.extend({
customLoad: function () {
this.customResources['loader.css']();
},
}); |
...
It's not mandatory but we recommended developers give custom CSS class names to widgets that are being changed by dashboard loaders, this allows other developers to better understand what is being changed later on and gives you some additional specificity when changing CSS. See the image below available on all widgets. (Custom CSS Class Name)
...