Effectuez une recherche dans notre base de connaissances
TEC-6 – Personnalisation – Liste des fichiers et méthodes
Version(s)
ECALDIMA 2.0 et versions ultérieures
Concept
Il est possible de personnaliser ECALDIMA en modifiant les éléments suivants :
- Couleurs
- Imagerie
- Tableau de bord de l’opérateur
- Vue de la demande
- Vue des incidents utilisateur
- Vue des incidents de l’opérateur
Cet article détaille les sections.
Il existe également un service disponible dans le portail de support qui vous permet de générer le CSS modifié et les couleurs des images.
Couleurs
ECALDIMA vert est #AECF49 ou RVB (137,178,13). Nous utiliserons ci-dessous, #AAAAAA et 111 222 333 comme couleurs de remplacement.
Historiquement, il y a plusieurs nuances, telles que #89B20D, #626262, #AECF49.
L’harmonisation est prévue à partir de la version 2.1
Chaque section ci-dessous décrit les fichiers et les couleurs qui seront modifiés en fonction du fichier.
Les modifications de couleur sont effectuées dans les fichiers CSS.
Portail
Le portail se compose de la page contenant la liste des catégories, la page de détails d’un service, la page du panier d’achat, la page de confirmation de la création de la demande et la page du portail logiciel.
Le fichier CSS utilisé dans le portail est \Styles\SCPStyles.css
| Langue source | Remplacement |
|---|---|
| #D7E590 | #AAAAAA |
| #89B20D | #AAAAAA |
| #AECF49 | #AAAAAA |
| 137,178,13 | 111,222,333 |
| #626262 | RGBA(111,222,333,0.5) |
Backoffice
Le backoffice se compose de la page de validation et de la page de tâche.
Le fichier CSS utilisé est le même que le fichier Portal et peut être copié de Portal vers BackOffice\Styles\SCPStyles.css
Composants graphiques
Les composants tels que le sélecteur de date dans les contrats, le calendrier SLA sont des composants de la suite SyncFusion. Le fichier CSS utilisé est ECALDIMA \Content\ej\web\flat-lime\ej.theme.min.css.
Pour appliquer la couleur souhaitée, utilisez la grille de correspondance ci-dessous :
| Langue source | Remplacement |
|---|---|
| #cee292 | RGBA(111,222,333,0.5) |
| #aecf49 | #AAAAAA |
Cadres, tableaux standard, boutons
Le fichier CSS utilisé est ECALDIMA\Content\site.css.
Pour appliquer la couleur souhaitée, utilisez la grille de correspondance ci-dessous :
| Langue source | Remplacement |
|---|---|
| #cee292 | RGBA(111,222,333,0.5) |
| #aecf49 | #AAAAAA |
| #94B60F | #AAAAAA |
| #D7E590 | #AAAAAA |
| 174,207,73 | 111,222,333 |
| 137,178,13 | 111,222,333 |
Classements et filtres
Ces tables utilisent des scripts datatables.net
Le fichier CSS utilisé est ECALDIMA\Content\datatables.css.
Pour appliquer la couleur souhaitée, utilisez la grille de correspondance ci-dessous :
| Langue source | Remplacement |
|---|---|
| 174,207,73 | 111,222,333 |
Menu
Le menu utilise un composant Syncfusion.
Le fichier CSS utilisé est ECALDIMA\Content\menu.css.
Pour appliquer la couleur souhaitée, utilisez la grille de correspondance ci-dessous :
| Langue source | Remplacement |
|---|---|
| #aecf493 | #AAAAAA |
Tableau de bord de l’opérateur
La personnalisation du tableau de bord se fait en modifiant les pages de vbhtml.
Cela nécessite un peu de connaissances en création de pages Web avec HTML et SQL.
Le tableau de bord de l’opérateur utilisé par défaut est OperatorDashBoard.vbhtml dans le répertoire «Ecaldima Installation Directory» \ ECALDIMA\Views\TIMA
Pour créer un tableau de bord personnalisé, vous devez copier OperatorDashBoard.vbhtml vers Dashboard0.vbhtml. Ecaldima gère jusqu’à 10 tableaux de bord, du tableau de bord 0 au tableau de bord 9.
Ces fichiers ne sont pas écrasés lors de la mise à jour ou de l’application de correctifs.
Afficher la vue de la demande
La personnalisation de RequestView se fait en modifiant les pages vbhtml.
Cela nécessite un peu de connaissances sur la création de pages Web avec HTML et SQL.
Le RequestView par défaut est RequestView.vbhtml à partir du répertoire « Ecaldima Installation Directory » \ ECALDIMA \ Views \ SCOOP
Pour créer un RequestView personnalisé, copiez RequestView.vbhtml dans YOURQUESTQUESTVIEW.vbhtml. Le nom est celui que vous choisissez pour éviter les espaces et les caractères accentués. Pour qu’un service utilise cette vue, vous devez ajouter une propriété étendue dont le nom est PROCESSVIEWPAGE et la valeur est le nom de sa vue sans .vbhtml.
Vue des incidents utilisateur
La personnalisation de la vue incident de l’utilisateur se fait en modifiant les pages vbhtml.
Cela nécessite un peu de connaissances sur la création de pages Web avec HTML et SQL
La vue d’incident utilisateur utilisée par défaut est UserTicketDisplay.vbhtml à partir du «Répertoire d’installation Ecaldima» \ ECALDIMA \ Vues \ TIMA
Pour créer une vue d’incident utilisateur personnalisée, vous devez copier UserTicketDisplay.vbhtml dans YOURUserVIEWINgUser.vbhtml. Le nom est celui que vous choisissez pour éviter les espaces et les caractères accentués. Pour que les utilisateurs puissent voir cette nouvelle vue, vous devez modifier les paramètres de TIMA, UserTicketDisplay et lui donner le nom de la nouvelle vue sans .vbhtml.
Vue des incidents de l’opérateur
La personnalisation de la vue incident des opérateurs fonctionne en modifiant les pages vbhtml.
Cela nécessite un peu de connaissances en création de pages Web avec HTML et SQL
La vue incident par défaut de l’opérateur est UserTicketDisplay.vbhtml à partir du répertoire «Ecaldima Installation» \ ECALDIMA \ Views \ TIMA
Pour créer une vue de l’utilisation du problème d’opérateur personnalisé, UserTicketDisplay.vbhtml doit être copié dans YOURVIDEINCOPERATOR.vbhtml. Le nom est celui que vous choisissez pour éviter les espaces et les caractères accentués. Pour créer une vue de l’utilisation du problème d’opérateur personnalisé, UserTicketDisplay.vbhtml doit être copié dans YOURVIDEINCOPERATOR.vbhtml. Le nom est celui que vous choisissez pour éviter les espaces et les caractères accentués. Pour que les opérateurs puissent voir cette nouvelle vue, vous devez modifier les paramètres de TIMA, OperatorTicketDisplay et lui donner le nom de la nouvelle vue sans .vbhtml.