Widget
Learn the specifics of developing a Device plugin.
Create the file structure
Set up a directory structure with the following files
Edit widget.html, widget.css and widget.js scripts
Fill those files with the content that you require and according to the table below, then save them.
File | Purpose |
---|---|
widget.html | Define the Widget's components layout |
widget.css | Define the Widget's components style |
widget.js | Define the Widget's logic as well as dynamically modification of the Widget's style. |
Edit view.xml file
For the moment given, this file is not fully implemented for Widget plugin, so it is not relevant at all for this plugin type, however it should contain dummy, albeit valid data so the plugin can be deployed, for this reason, you can use this view.xml file on your Widget plugin development as dummy file:
Edit view_widget.xml file
Fill this file with the contents that you require to be displayed when the user is creating the widget in the dashboard.
Edit the LICENSE and README.md files
Write the contents of the README.md and LICENSE files.
Edit the manifest.toml file
Fill the contents of this file. According to the widget section within the Private Plugins page, the manifest.toml should look like:
Compressing the files
Compress the files in zip format from the root of the file structure, not the parent folder.
Last updated