CSS custom

Le champ "éditeur de CSS" vous permet d'ajouter votre propre CSS pour personnaliser le style de vos dashboards. Vous pouvez utiliser la combo pour choisir une classe CSS existante à modifier.

Exemples

Modifier les titres des widgets

1
2
3
4
.srn-widget-header {
    background-color: grey;
    color: #e19500;
}

Supprimer les marges horizontales dans le viewer

1
2
3
4
5
.srn-viewer-container {
    width: 100%;
    padding-left:0;
    padding-right:0;
}

Ne modifiez pas le CSS de l'application Serenytics

Par défaut, quand vous modifiez une propriété CSS, cela s'applique sur toute l'application Serenytics. Par exemple, si vous modifiez la propriété th, toutes les tables du studio Serenytics seront impactées.

Quand vous modifiez un CSS, il faut être le plus spécifique possible. Pour être sûr de ne modifier que les CSS des dashboards et pas ceux de l'application, il ne faut éditer que les propriétés qui sont en dessous de la classe .srn-dashboard-wrapper. Au lieu de modifier la propriété th, il faut modifier la propriété .srn-dashboard-wrapper th.