Skip to Content

Wiki source code of Cloud - Personnalisations

Last modified by Isabelle FERRIERE on 2018/01/05 11:30
Show last authors
1 * (((
2 = **__Personnalisation de la page de chargement__** =
3 )))
4
5
6
7
8 **__Page de chargement :__**
9
10 - Sous la racine du site Cloud.
11
12 - index.jsp.
13
14 [[image:i1.png||width="461"]]
15
16 **__Page de déconnexion :__**
17
18 - Sous la racine du site Cloud.
19
20 - logout.jsp.
21
22 [[image:i2.png||width="460"]]
23 (((
24 == //**__Modifier le logo :__**// ==
25 )))
26
27 Cf. aide en ligne : « Personnalisation du logo, de l'icône et du titre »
28
29 - Sous la racine du site Cloud.
30
31 - Créer un dossier « logo ».
32
33 - Y placer l’image souhaitée.
34
35 - Créer le fichier « logo.css » :
36
37 [[image:i3.png||width="484"]]
38
39 - Redémarrer Tomcat pour que les modifications soient prises en compte.
40
41 - Si elles ne sont pas prises en compte, il faut vider l’historique de navigation pour rafraîchir le cache.
42
43 [[image:i4.png||width="452"]][[image:i5.png||width="452"]]
44
45 (((
46 == //**__Modifier l’icône de l’onglet :__**// ==
47 )))
48
49 Cf. aide en ligne : « Personnalisation du logo, de l'icône et du titre »
50
51 - Sous la racine du site Cloud.
52
53 - Remplacer « favicon.ico » par un « favicon.ico » différent.
54
55 [[image:i6.png]]
56
57 - Redémarrer Tomcat pour que les modifications soient prises en compte.
58
59 - Si elles ne sont pas prises en compte, il faut vider l’historique de navigation pour rafraîchir le cache.
60
61 [[image:i7.png]]
62
63 (((
64 == //**__Modifier le texte de l’onglet :__**// ==
65 )))
66
67 Cf. aide en ligne : « Personnalisation du logo, de l'icône et du titre »
68
69 - Sous la racine Cloud-App
70
71 - Modifier « index.jsp ».
72
73 <t:adeliaDesktop title~="Adelia Desktop" desktopName~="default" frameOptions~="SAMEORIGIN">
74
75 ~=~=>
76 <t:adeliaDesktop title~="Cloud EXIWS_13" desktopName~="default" frameOptions~="SAMEORIGIN">
77 - Redémarrer Tomcat pour que les modifications soient prises en compte.
78
79 - Si elles ne sont pas prises en compte, il faut vider l’historique de navigation pour rafraîchir le cache.
80
81 [[image:i8.png]]
82
83
84
85 * (((
86 = **__Personnalisation de la page de connexion__** =
87 )))
88
89
90
91
92 **__Fenêtre d’authentification (BasicRealm) :__**
93
94 [[image:i9.png||width="460"]]
95
96 (((
97 == //**__Ajouter / modifier le message de bienvenue :__**// ==
98 )))
99
100 - Sous la racine du site Cloud, dans \WEB-INF\conf
101
102 - wagon.xml.
103
104 - « className ».
105
106 - Ajouter le paramètre « item key~="description" » (valeur par défaut).
107
108 - Ajouter éventuellement autant de paramètres que de langues : « item key~="description_<langue>" ».
109 * Adélia utilisera la langue du navigateur,
110 * ou la valeur par défaut si la langue du navigateur n’a pas été définie.
111
112
113 <realm
114
115 name~="adelia"
116
117 loginModuleName~="…"
118
119 className~="com.hardis.adelia.cloud.security.realms.BasicRealm">
120
121 <parameters>
122
123 <**item key~="description"** value~="Bienvenue – Welcome - Willkommen" />
124
125 <item key~="description_fr" value~="Bienvenue" />
126
127 <item key~="description_en" value~="Welcome" />
128
129 <item key~="description_de" value~=" Willkommen" />
130
131 </parameters>
132
133 </realm>
134 [[image:i10.png||width="458"]]
135
136 (((
137 == //**__Personnalisation de la fenêtre d’authentification :__**// ==
138 )))
139
140 (% style="color: rgb(255,0,0);" %)**ATTENTION ! Cette personnalisation n'est pas officielle !**(%%)
141
142 (% style="color: rgb(255,0,0);" %)Les modifications pourront être écrasées à chaque nouveau correctif !(%%)
143
144
145 - Sous la racine du site Cloud, dans \WEB-INF\lib
146
147 - adelwagon-13.6.0.jar.
148
149 - Sous \META-INF\resources\js\adelia\css
150
151 - adelia.css.
152
153 .a-loginvalidate,
154
155 .a-logincancel {
156
157 width: 32px;
158
159 height: 32px;
160
161 background-size: 100%;
162
163 background-repeat: no-repeat;
164
165 }
166
167 .a-loginvalidate:hover,
168
169 .a-logincancel:hover {
170
171 opacity: 0.5;
172
173 }
174
175 .a-loginvalidate {
176
177 display: inline-block;
178
179 vertical-align: middle;
180
181 background-image: url("../js/adelia/images/login/right.png");
182
183 }
184
185 .a-logincancel {
186
187 position: absolute;
188
189 top: 10px;
190
191 right: 10px;
192
193 background-image: url("../js/adelia/images/login/stop.png");
194
195 }
196
197 .a-loginmessage {
198
199 position: relative;
200
201 font-size: 10pt;
202
203 margin: 10px;
204
205 }
206
207 .a-loginmessage:not([data-value~=""]):before {
208
209 width: 16px;
210
211 height: 16px;
212
213 background-image: url("../js/adelia/images/login/error.png");
214
215 background-size: 100%;
216
217 background-repeat: no-repeat;
218
219 position: absolute;
220
221 left: -20px;
222
223 top: 0;
224
225 content: "";
226
227 }
228
229 .a-loginpwdlink,
230
231 .a-loginpwdlink:visited {
232
233 display: none;
234
235 color: #ffffff;
236
237 margin: 10px;
238
239 font-size: 10pt;
240
241 }
242
243 .a-logindlgmessage {
244
245 text-align: center;
246
247 color: red;
248
249 margin-bottom: 5px;
250
251 }
252
253
254 * (((
255 = **__Personnalisation du bureau__** =
256 )))
257
258
259
260
261 Cf. aide en ligne : « Le bureau Adélia Cloud »
262
263
264 (% style="font-size: 20.0px;" %)//**__Personnalisation du bureau :__**//(%%)
265
266 La personnalisation du bureau (dont l’image de fond d’écran) peut être gérée à 3 niveaux dans Adélia Cloud, décrits ci-dessous du moins prioritaire au plus prioritaire :
267
268
269 **- Au niveau du thème :**
270 * Fichier theme.properties du thème.
271 * Propriété « background ».
272
273
274
275 **- Au niveau de la configuration générale du bureau :**
276 * Fichier conf/desktop.properties.
277 * Propriété « background ».
278 * Chemin : relatif au VFS et non le chemin réel de la machine.
279 * Position :** « stretch » : L’image est étirée.
280 ** « cover » : L’image est étirée en conservant les proportions.
281 ** « contains » : L’image est étirée en hauteur ou en largeur en conservant les proportions.
282 ** « center » : L’image est centrée.
283 ** « mosaic » : L’image est répétée sur toute la surface.
284
285
286
287 Exemple :
288
289 background~=home:\\images\\background.jpg
290
291 backgroundPos~=stretch
292
293
294 **- Au niveau de la personnalisation du bureau d’un utilisateur :**
295 * Menu contextuel du bureau
296 * Option « Personnaliser le bureau ».
297
298
299
300 Attention ! Si au niveau du fichier desktop.properties on a indiqué la propriété background et que l’image indiquée dans le chemin n’est pas trouvée alors un fond bleu sera automatiquement affiché.