Personnalisation d'applications Web
4.3.3 Personnalisation d'autres éléments de l'interface utilisateur
Vous pouvez personnaliser les logos, arrière-plan, styles et autres éléments d'interface utilisateur de la zone de lancement BI en modifiant les règles CSS du fichier web\css\customize.css. Si vous utilisez des images personnalisées et y faites référence dans le fichier customize.css, veillez à les placer dans le dossier web\images\theme.
A des fins de référence, le diagramme suivant présente les éléments personnalisés du package de branding d'exemple. Les nombres dans les infobulles font référence aux sections du fichier custo mize.css
du package de branding.
70
1.
(0.1) personnaliser l'arrière-plan des pages et sous-pages (cadres intérieurs)
2.
(0.2) champ de saisie de texte
3.
(0.4) champ de mot de passe
4.
(1.1) conteneur de champs d'authentification
5.
(1.2) conteneur de tout
6.
(1.3) règles horizontales
7.
(1.5) bouton "Se connecter"
8.
(1.6) motif d'arrière-plan de la bannière
9.
(1.7) logo
2012-12-05
Personnalisation d'applications Web
10.
(2.1.1) zone supérieure de la bannière (motif d'arrière-plan)
11.
(2.1.2) logo de la bannière
12.
(2.2.1) conteneur d'onglets
13.
(2.2.2) onglet actif
14.
(2.2.3) onglet inactif
15.
(2.3.1) icône de la zone de lancement BI
16.
(2.2.4) boutons d'onglet
17.
(0.7) bouton fléché
18.
(3.1.1) en-tête inactif d'accordéon
19.
(3.1.2) en-tête actif d'accordéon
71 2012-12-05
Personnalisation d'applications Web
72
20.
(3.1.3) arrière-plan du tiroir/de l'arborescence d'accordéon
21.
(3.3.1) arrière-plan de la barre d'outils
22.
(3.4) arrière-plan du pied de page
23.
(3.5.2) ligne non activée sélectionnée dans le volet de liste et dans l'arborescence (à gauche)
24.
(3.6) barre de redimensionnement du volet de liste en accordéon
2012-12-05
Personnalisation d'applications Web
73
25.
(3.2.1) conteneur du volet de liste
26.
(3.2.2) intitulé du volet de liste
27.
(3.2.3) lignes du volet de liste
28.
(3.5.1) ligne activée sélectionnée dans le volet de liste et dans l'arborescence (à gauche)
29.
(5.1.2, 5.1.3, 5.1.4) poignée et bouton de redimensionnement
30.
(0.8.1) conteneur du menu contextuel
31.
(0.8.2) corps du menu contextuel
32.
(0.8.3) élément du menu contextuel
33.
(0.8.4) élément sélectionné du menu contextuel
34.
(0.9) infobulle
2012-12-05
Personnalisation d'applications Web
35.
(4.1) conteneur des détails
36.
(5.2) en-tête des détails
74
37.
(6.1) conteneur de boîte de dialogue simple
38.
(6.2.1) en-tête de boîte de dialogue simple
39.
(6.2.2) bouton "Fermer" de l'en-tête de boîte de dialogue
40.
(6.3) corps de boîte de dialogue simple
41.
(6.4) pied de page de boîte de dialogue simple
42.
(6.5) champ de texte de boîte de dialogue simple (remplace le champ de texte général)
43.
(6.6) boutons de boîte de dialogue simple
2012-12-05
Personnalisation d'applications Web
44.
(3.3.2, 3.3.3) survol/enfoncement de bouton de la barre d'outils
45.
(3.3.4) élément du menu de la barre d'outils
46.
(3.3.5) élément survolé du menu de la barre d'outils
47.
(3.3.6) séparateur du menu de la barre d'outils
48.
(3.3.7) cadre du menu de la barre d'outils
49.
(3.3.8) icône d'actualisation du menu de la barre d'outils
75
50.
(7.1.1) en-tête de grande boîte de dialogue
51.
(7.1.2) en-tête de grande boîte de dialogue – bouton agrandir (survol)
52.
(7.1.3) en-tête de grande boîte de dialogue – bouton fermer (survol)
53.
(7.2.1) panneau de boutons de grande boîte de dialogue
54.
(7.3.1) pied de page de grande boîte de dialogue
55.
(7.3.2) poignée de redimensionnement de grande boîte de dialogue
56.
(7.4.1) conteneur de corps de grande boîte de dialogue
2012-12-05
