eCandidat (esup-opi)

Arborescence des pages

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

Sommaire

 

Avertissement

 La personnalisation est possible que pour : "Solution 2 - Installation personnalisée"

Si vous avez opté pour : "solution 1 - Installation rapide avec une personnalisation minimale", passez directement à la partie 4. Déploiement.


Avertissement

Tout les fichiers de personnalisation sont renommé en xxx.sample.extension de manière à ne pas les écraser lors des mises à jour de l'application.

Info

Les chemins de fichiers décrit dans la suite de cette page sont valables pour les installations de type : "Solution 2 : Installation personnalisée" (à partir du zip).

Pour les installations : "Solution 1 : Installation rapide avec une personnalisation minimale" (à partir du war), une fois le war décompressé, les fichiers ne seront pas dans "/src/main/resources/" mais dans "WEB-INF/classes/". Par exemple, pour le premier fichier à remplacer (soit favicon.sample.ico), vous trouverez ce fichier dans /WEB-INF/classes/VAADIN/themes/valo-ul/.

3.1 Charte graphique

Uniquement pour : Solution 2 : Installation personnaliséeUniquement pour : Solution 2 : Installation personnalisée
Modification du logo
  • Remplacez le fichier /src/main/resources/VAADIN/themes/valo-ul/favicon.sample.ico par l'icone du logo de votre université (attention à bien conserver les proportions de l'image) et le renommer en favicon.ico
  • Remplacez le fichier /src/main/resources/images/logo.sample.png  par le logo de votre université (attention à bien conserver les proportions de l'image) et le renommer en logo.png
Changement des couleurs
  • Renommez le fichier /src/main/resources/VAADIN/themes/valo-ul/styles.sample.scss en styles.scss
  • Ouvrez le fichier /src/main/resources/VAADIN/themes/valo-ul/styles.scss
  • En haut du fichier, vous pourrez voir les couleurs qui ont été pré-établie pour l'application (variable $style_pantone_XXX). Vous pouvez évidemment en définir une nouvelle au format rgb
  • Placez la couleur désirée dans le paramétrage Valo situé à partir de la ligne 21. Et remplacez la variable $v-focus-color par la couleur désirée
Changement de la taille de police moyenne de l'application (DÉCONSEILLÉ)
  • A la ligne 20, modifiez la valeur de la variable $v-font-size en pixel. Attention, le développement de l'application s'est fait avec la taille de police fixée à 15px, une modification de la taille peut affecter la disposition et l'aspect de certaines pages

...