Actifs

Le dossier assets peut contenir des fichiers et des sous-dossiers qui n'appartiennent pas à d'autres répertoires. Vous pouvez l'utiliser pour :

• Styles JavaScript (doit être à l'intérieur de assets/js);
• Styles CSS (doit être à l'intérieur de assets/css);
• Images;
• Polices;
• Tout ce dont vous avez besoin d'inclure.

actifs/js

Le répertoire assets/js est réservé et ne doit contenir que des fichiers JavaScript. Pour être utilisés par le widget, spécifiez ces fichiers dans le fichier manifest.json.

Par exemple:

"assets": {
     "js": ["class.widget.js"]
}

actifs/css

assets/css est réservé et ne doit contenir que des fichiers de style CSS. Pour être utilisés par le widget, spécifiez ces fichiers dans le fichier manifest.json.

Par exemple:

"assets": {
     "css": ["monwidget.css"]
}

Styles CSS

Les fichiers CSS peuvent contenir un attribut personnalisé theme pour définir un style différent pour des thèmes spécifiques de l'interface.

Thèmes disponibles et leurs valeurs d'attribut :

• Bleu - [theme='blue-theme']
• Bleu (classique) - [theme='blue-classic-theme']
• Sombre - [theme='dark-theme']
• Sombre (classique) - [theme='dark-classic-theme']
• Clair à contraste élevé - [theme='hc-light']
• Sombre à contraste élevé - [theme='hc-dark']

Exemple :

.widget {
    background-color: red;
}

[theme='dark-theme'] .widget {
    background-color: green;
}