Organisation générale
Les thèmes sont situés dans les ressources du client riche, dans le répertoire
Ressources/System images/Themes. Chaque thème est situé dans un
sous-répertoire et contient les images du thème ainsi que les fonds d’écran.
Les fonds d’écran seront expliqués plus en détail dans la section sur les wallpapers.
Configuration des thèmes
Le paramétreur peut configurer la liste des thèmes autorisés pour le site courant. Cela permet de restreindre le choix des utilisateurs à un thème officiel de l’entreprise.
La liste des thèmes autorisés est définie dans le fichier
Ressources/System images/Themes/allowedThemes.txt. La forme de ce
fichier est simplement un id de thème par ligne, comme suit:
theme1
theme2
theme3
L’identifiant du thème est le nom de dossier dans lequel les fichiers sont
définis. Ainsi le theme1 est défini dans le dossier Ressources/System images/Themes/theme1
Fichiers de ressources d'un thème
Les thèmes doivent contenir un certain nombre de fichiers de base qui sont utilisés dans les fenêtres du panneau d’impression, de configuration, … du client riche.
- Left Banner.bmp
- Bannière qui apparait à gauche dans les panneaux de configuration général
- Left Banner Printer.bmp
- Bannière qui apparait à gauche dans les panneaux de configuration des imprimantes
- Preview.bmp
- Image de prévisualisation d’un thème de couleurs
- Preview small.bmp
- Thumbnail de l’image de prévisualisation d’un thème de couleurs
- TabLeft.bmp
- Partie gauche d’un onglet. Le orange est la partie transparente
- TabMiddle.bmp
- Partie du milieu d’un onglet. Le orange est la partie transparente
- TabRight.bmp
- Partie droite d’un onglet. Le orange est la partie transparente
- SelectedTabLeft.bmp
- Partie gauche d’un onglet selectionné. Le rouge est la partie transparente
- SelectedTabMiddle.bmp
- Partie milieu d’un onglet selectionné. Le rouge est la partie transparente
- SelectedTabRight.bmp
- Partie droite d’un onglet selectionné. Le rouge est la partie transparente
- Small logo.bmp
- Petit logo de l’application qui apparait en haut à droite des tâches.
- Welcome Banner.bmp
- Bannière qui s’affiche dans l’écran de bienvenue
Paramètres des thèmes
En sus des fichiers, un thème comprend un certain nombre de paramètres
qui peuvent être personnalisés. Le fichier de configuration du thème
est situé dans les paramètres utilisateurs globaux, dans un fichier ini
contenant le nom du thème. Par exemple pour le thème theme1, le
fichier sera Users/theme-theme1.ini.
Ce fichier défini le nom du thème, les couleurs principales de la fenêtre, les dégradés dans les barres de titre, la couleur des notes, … Toutes les variables disponibles sont définies dans la section concernant les variables.
Chaque variable peut être suffixée par le nom de domaine pour que les couleurs soient appliquées par domaine. Ainsi l’interface peut changer de couleur pour avertir l’utilisateur qu’il se trouve dans une société de test, sur sa société courante, …
Dans l’exemple ci-dessous, fond d’écran et des couleurs différentes ont été configurés sur les domaines OR1, OR2 et OR3:
name.FR = Orif
name.DE = Orif
name.EN = Orif
headerTitle = #FFFFFF
headerFromColor = #C55A27
headerToColor = #FFCE5E
title = #823E11
groupLine = #AC8268
groupComment = #4D6182
editModified = #A94401
editBorder = #9D9D9D
button = #FFFFFF
buttonBorder = #9D9D9D
link = #404F60
highlightShape = #F4FDFF
highlightShapeBorder = #D2ECFF
grid = #FFFFFF
gridText = #333333
gridBands = #F2F3F7
note = #E5B547
wallpaper.OR1 = Default_RedDeep.jpg
headerTitle.OR1 = #FFFFFF
headerFromColor.OR1 = #C1C3D0
headerToColor.OR1 = #D5D5DF
dashboardBackground.OR1 = #D5D5DF
colors.base1.OR1 = #C1C3D0
colors.base2.OR1 = #D5D5DF
colors.base3.OR1 = #4BBBA5
colors.base4.OR1 = #B3351E
wallpaper.OR2 = Default_PinkLight.jpg
headerTitle.OR2 = #FFFFFF
headerFromColor.OR2 = #CCC2C3
headerToColor.OR2 = #D9D9D9
dashboardBackground.OR2 = #D9D9D9
colors.base1.OR2 = #CCC2C3
colors.base2.OR2 = #D9D9D9
colors.base3.OR2 = #F07235
colors.base4.OR2 = #ADC249
wallpaper.OR3 = Default_GreyDarkPur.jpg
headerTitle.OR3 = #FFFFFF
headerFromColor.OR3 = #9EB241
headerToColor.OR3 = #ADC249
dashboardBackground.OR3 = #ADC249
colors.base1.OR3 = #9EB241
colors.base2.OR3 = #ADC249
colors.base3.OR3 = #D9D9D9
colors.base4.OR3 = #F07235
wallpaper.OR4 = Default_GreenLight.jpg
headerTitle.OR4 = #000000
headerFromColor.OR4 = #A22810
headerToColor.OR4 = #B3351E
dashboardBackground.OR4 = #B3351E
colors.base1.OR4 = #A22810
colors.base2.OR4 = #B3351E
colors.base3.OR4 = #937575
colors.base4.OR4 = #D2C962