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é "thème" pour définir un style différent pour un thème frontal spécifique.

Thèmes disponibles et leurs valeurs d'attribut :

• Bleu - [theme='blue-theme']
• Sombre - [theme='dark-theme']
• Lumière à contraste élevé - [theme='hc-light']
• Sombre à contraste élevé - [theme='hc-dark']

Exemple:

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