Définition de styles de portail
Les pages sont composées de conteneurs, de colonnes, de lignes, de widgets et d’instances de widget. Vous pouvez configurer le CSS de chaque composant ou utiliser le CSS défini dans le thème et la marque comme définitions globales pour le portail. Si vous ne définissez pas CSS dans le thème ou la marque, les valeurs par défaut Bootstrap sont utilisées.
Vous pouvez définir CSS dans votre portail à plusieurs niveaux.
- Valeurs d’amorce par défaut
Si aucun autre CSS n’est défini, tous les éléments utilisent les valeurs par défaut de la version 3.3.6 de Bootstrap. Vous pouvez utiliser les classes d’aide CSS d’amorce avec n’importe quel Portail de services champ qui accepte CSS comme valeur. Pour afficher ou masquer Portail de services les conteneurs, utilisez les classes d’aide Bootstrap CSS Responsive Utilities telles que
visible-lgouhidden-md.- Couleurs du thème de l’éditeur de marques/CSS du portail
CSS défini dans l’onglet Couleurs du thème de l’éditeur de marques. Les changements apportés aux couleurs du thème dans l’éditeur de marques apparaissent dans le champ de variables CSS de la table du portail [sp_portal]. La personnalisation des couleurs du thème remplace les valeurs par défaut de Bootstrap.
- CSS du thème
CSS défini dans le champ Variables CSS de la table Thèmes [sp_theme]. Utilisez le CSS du thème autant que possible pour permettre une évolution plus flexible de votre portail à l’avenir.
L’utilisation d’un thème remplace les couleurs du thème CSS/Éditeur de marques du portail.
- Page CSS
CSS défini dans le champ CSS spécifique à la page de la table Pages [sp_page].
Le CSS spécifique à la page remplace le CSS du thème.
- Classes CSS
Vous pouvez définir des éléments de classes CSS sur la page dans chaque enregistrement respectif.
- Widget CSS
CSS défini dans le champ CSS de la table Widgets [sp_widget].
Le CSS du widget remplace le CSS de conteneur, de colonne et de ligne.
- CSS d’instance de widget
CSS défini dans le champ CSS de la table d’instance [sp_instance].
Le CSS de l’instance de widget remplace toutes les autres définitions CSS.