Personnalisation des styles de CSS

Pourquoi et quand exécuter cette tâche

La boîte de dialogue XSL de l'écran d'édition Display permet d'ajouter des modèles XSL que vous pouvez utiliser pour remplacer les caractéristiques de bas niveau d'un affichage qui ne sont pas modifiables ailleurs.

Si vous souhaitez mieux contrôler le style de votre application, vous pouvez ajouter vos propres styles avec des feuilles de style en cascade (CSS).

Procédure

Sélectionnez l'onglet XSL de l'écran Display
Cliquez sur le bouton Add XSL
Sélectionnez CSS dans la liste des modèles XSL que vous pouvez modifier
Voir la Figure 1.

Figure 1. Personnalisations de feuilles de style en cascade dans votre affichage

Deux modèles vides de feuille de style en cascade sont fournis pour ajouter des styles personnalisés : Theme - Main et Theme - Extra. Le modèle Theme peut être utilisé pour définir une application globale. Le modèle Extra peut être utilisé si vos applications héritent d'une application maître.

Une fois que vous avez sélectionné le modèle CSS Style associé à la partie de l'affichage que vous souhaitez éditer ou remplacer, procédez comme suit :
Cliquez sur Add Component.
Une zone modifiable avec un code CSS existant pour le modèle sélectionné s'affiche.

Après avoir ajouté une feuille de style en cascade ou modifié la feuille de style en cascade existante affichée à l'écran, procédez comme suit :
Cliquez sur OK pour sauvegarder vos modifications et retourner à l'onglet XSL
Cliquez sur Apply pour sauvegarder vos modifications et poursuivre l'édition
Sinon, cliquez sur Cancel pour annuler les modifications que vous avez apportées depuis la dernière application de vos modifications (le cas échéant) et retourner à l'onglet XSL.

Résultats

Pour poursuivre avec ce tutoriel, cliquez sur Personnalisation du balisage.