Personnaliser un rapport à l'aide de CSS - Thème « Classic Blue »
De nombreux aspects des rapports Blue peuvent être personnalisés à l'aide de feuilles de style en cascade (CSS) afin que vos rapports reflètent l'aspect et la convivialité de la marque de votre organisation. Bien que les personnalisations CSS soient très flexibles et permettent de modifier la taille des polices, les couleurs et d'autres aspects du rapport, il est important de noter que les rapports Blue sont soigneusement conçus avec des HTML et CSS spécifiques pour garantir l'accessibilité et une impression optimale.
Lorsque vous apportez des modifications de style à votre rapport à l'aide de CSS, validez et assurez-vous que l'apparence, la lisibilité et le contraste du rapport sont conformes aux normes de votre organisation avant d'appliquer les modifications.
Les rapports suivants contenus dans ce guide utilisent le thème « Classic Blue ». L'apparence de vos rapports dépendra du thème que vous avez choisi pour eux dans votre projet. Pour plus d'informations, consultez Créer un nouveau thème de rapport.
Ajouter un bloc de rapport de section avec du texte personnalisé pour les personnalisations CSS
Pour implémenter des modifications CSS personnalisées dans le rapport, la première étape cruciale consiste à créer un conteneur pour les modifications CSS qui seront appliquées dans l'ensemble du rapport. Pour ce faire, ajoutez un bloc de rapport de section avec du texte personnalisé comme premier bloc de votre rapport. Ce bloc de section fera office de « feuille de style » provisoire qui ne sera appliquée que dans ce rapport.
Si les rapports HTML n'affichent pas les changements, videz le cache du navigateur si le rapport a été chargé avant les changements de style.
Les valeurs de style utilisées dans ce guide sont fournies à titre d'exemple uniquement. Vous pouvez copier le code affiché pour l'utiliser comme modèle et entrer vos propres valeurs de style pour personnaliser votre rapport.
Personnaliser le rapport avec des styles globaux
Cliquez ici pour voir l'image en taille réelle
Les styles globaux suivants affectent l'apparence des éléments dans l'ensemble du rapport, y compris la page de couverture et le contenu du rapport. Des exemples de code CSS avec les styles par défaut et les styles d'exemple sont inclus ci-dessous pour chacun des éléments identifiés dans les menus déroulants suivants. Vous pouvez copier le code affiché pour des éléments spécifiques et modifier les valeurs de style afin de les adapter à l'apparence de la marque de votre organisation.
Lorsque vous copiez-collez l'un des codes CSS suivants dans le conteneur de bloc de section de votre rapport, vous devez le saisir dans l'option Code source de l'éditeur de texte enrichi de Blue afin d'éviter tout comportement inattendu.
Personnaliser le rapport avec des styles locaux
Les styles locaux suivants affectent l'apparence et la présentation de blocs spécifiques du rapport. Des exemples de code CSS avec les styles par défaut et des exemples sont fournis ci-dessous pour chacun des blocs du rapport identifiés dans les menus déroulants suivants. Vous pouvez copier le code affiché pour des éléments spécifiques et modifier les valeurs de style afin de les adapter à l'apparence et à la présentation de votre organisation.
Bonus material: special case report blocks
Use custom report blocks to personalize reports with your organization's specific brand colors and themes.
DansExemples de graphiques et de tableaux