Paramétrer la charte graphique

Dernière mise à jour : 07/12/2018 15:31:17

Personnaliser complètement l'apparence de l'application et du portail web en quelques clics et sans une seule ligne de code.

Accès

Accédez au paramétrage de la charte graphique depuis le menu de configuration en cliquant sur "Paramétrer la charte graphique".

Page de paramètres

Vous accédez ainsi à la page des paramètres qui sont répartis sur 4 catégories.

Des sections différentes s'offrent à vous sous forme de menu au-dessus des options précédentes :

Paramètres globaux
Contient toutes les options génériques : entête, logo, titre, etc.
Portail web
Personnalisez les options dédiées au mode "Desktop" (pc)
- Fond d'image (taille écran haute définition)
- ou Fond de couleur (par défaut si les 2 sont remplis)
Application mobile
Personnalisez les options dédiées au mode "Mobile"
- Fond d'image (taille écran mobile haute définition min 1242*2208 px)
- ou Fond de couleur (par défaut si les 2 sont remplis)
Personnalisation avancée
Cette rubrique n'est accessible qu'aux administrateurs avancés. Il s'agit d'un éditeur permettant de surcharger les styles de base de GEOLYS et ainsi d'aller beaucoup plus loin dans la personnalisation du rendu.

Pour modifier une couleur il vous suffit de cliquer sur la couleur et d'en choisir une, ou bien d'entrer son code RGB spécifique. N'oubliez pas de cliquer sur mettre à jour pour enregistrer vos modifications.

Interface : correspond aux paramètres globaux des widgets de la police d'écriture au sein de ceux-ci et à la surbrillance des icônes.

Navigation : gère les couleurs du panneau latéral gauche de navigation, son fond et la couleur de la police.

Bandeau d'en-tête : concerne le bandeau supérieur fixe et permet de modifier sa couleur et d'ajouter votre propre logo en important une image (de type .png pour un rendu optimal). Permet également le favicon (avec / sans notification) pour le navigateur.

Boutons : vous permet de régler chaque couleur spécifique à un bouton, il vous suffit de choisir le bouton que vous souhaiter modifier et d'ajouter la couleur souhaitée.

Vous pouvez également installer votre identité visuelle:

Les éléments à rassembler avant le paramétrage

Votre logo en haute définition
Votre charte graphique (ou à minima, les références des couleurs que vous utilisez dans votre communication)
Un ou plusieurs visuels vous identifiant (qui serviront de fond d'application)

Paramétrer votre logo dans l'application

Tout d'abord, connectez-vous sur le HUB de service avec vos identifiants administrateurs.

1. Accéder au menu Charte graphique dans le menu supérieur droit

2. Modifier le nom de votre application (1er item du paramétrage graphique)

3. Ajouter le logo de votre entreprise dans la zone prévue à cet effet.