load cssPour la saisie des paramétres d'une extension, Joomla propose plusieurs types de champ qui dispose d'une option class. Par contre, il n'est pas possible de charger une feuille de style.

Le rôle de ce type de champ est de combler ce manque.

Il sera également utile pour modifier globalement le style d'éléments identifiés par leurs sélecteurs.

Installation

La mise en place ne concerne que le créateur du module/plugin.

  • Télécharger le fichier ZIP
  • Copier le dossier "elements" contenu dans le zip en racine de votre module/plugin
  • Si ce n'est déjà fait, compléter le champ fields comme ceci en adaptant le chemin:
     <fields name="params" addfieldpath="/modules/xxx/elements/">
  • Créer un champ de type "loadcss". Le nom obligatoire n'a pas d'importance, mais doit être unique.
    <field 
       name="cequevousvoulez"
       type="loadcss" 
    />
    

Par défaut, le fichier CSS est /elements/custom.css

Il peut être situé à un autre emplacement en le spécifiant par :

file="fichier.css"
path="chemin/vers/le/fichier"

L'appel de ce champ ne retourne pas de contenu mais laisse le bloc créé par Joomla, ce qui génère un léger espace blanc de 23px. Pour ne pas le voir, il suffit de mettre ce champ en dernier.

Exemples d'utilisation

Boutons colorés

Il est possible d'affecter une classe btn-group à un champ radio. Nous connaissons tous la classe btn-group-yesno pour avoir des boutons vert et rouge.

Pour colorer individuellement chaque bouton, il faut récupérer l'attribut for avec un inspecteur de code afin de créer des règles CSS de ce style:

[for="jform_params_chp2"].active,
[for="jform_params_chp2"].active:hover {
   background-color:orangeRed;
}

Print Friendly and PDF