Personnalisation du style de l'interface utilisateur

L'installation standard permet l'inclusion conditionnelle de feuilles de styles personnalisés dans le jeu de styles du système. Les styles personnalisés peuvent remplacer tous les styles de l'installation standard. La feuille de style peut également comprendre des nouveaux styles à utiliser lors de la définition des zones client. Utilisez l'option Feuille de style de la configuration de mutualisation de paramètres Ergonomie personnalisée pour définir votre feuille de style personnalisée. Cette option prend en charge le référencement d'un fichier *.css ou d'un enregistrement Contenu géré (avec le type de contenu Définitions CSS).

Remarque :
L'option Contenu géré est recommandée car elle met à disposition le CSS personnalisé pour faciliter son transfert vers d'autres environnements si vous le souhaitez à l'aide de l'assistant de migration de contenu (CMA).
Remarque :
Certains styles ne peuvent pas être modifiés s'ils font partie du code HTML.
ATTENTION :
Les personnes en charge de l'implémentation doivent s'assurer que l'interface utilisateur personnalisée est stable et évolutive. La modification des polices, des caractères de remplissage pour l'alignement (padding), de la taille des bordures et d'autres paramètres d'interface utilisateur peut engendrer des problèmes de présentation, tels que des barres de défilement qui apparaissent et disparaissent, des curseurs qui fonctionnent mal et une altération imprévue de l'ergonomie de certaines mises en page.

La structure de l'extension CSS suit le format de fichier CSS standard, indépendamment de l'utilisation de l'option Fichier ou Contenu géré. Cela signifie que la balise "<style>" n'est pas nécessaire et que le fichier contiendra une liste de sélecteurs CSS avec leurs déclarations (propriétés et valeurs).

Pour trouver le sélecteur CSS nécessaire, accédez à l'application dans un écran approprié, puis cliquez avec le bouton droit de la souris sur l'élément que vous souhaitez redéfinir et sélectionnez l'option d'inspection dans le menu (normalement en bas). Une vue du document HTML s'ouvre. Dans cette vue, vous pouvez voir tous les attributs "id" et "class" disponibles sur l'élément. Ce sont généralement les attributs les plus appropriés pour les sélecteurs CSS. Afin de rendre le style plus spécifique, il est également approprié d'analyser l'arborescence DOM HTML pour afficher les attributs "id" et "class" parent. Rendre le sélecteur CSS aussi ciblé que possible réduira la possibilité de styles personnalisés affectant des éléments en dehors de la zone souhaitée.

Toutes les CSS standard sont prises en charge. Cependant, lorsque vous examinez les normes CSS les plus récentes, sachez que tous les navigateurs ne prennent pas en charge toutes les options sans certains paramètres de navigateur spécifiques.