Versions Compared

Version Old Version 24 New Version 25
Changes made by

Antoine Carette

Antoine Carette

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Panel
titleDescription de la documentation

Vous retrouver ici la description complète de tout les composants pouvant être utiliser sur le site de la HEG-FR.

Informations générales


Section


Column
width50%

Les composants sont tous paramétrables, ils ont tous 3 paramètres de base :

  • Current Navigation Title : Titre utilisé sur le Front dans la navigation interne de la page quand celle-ci est disponible
  • Background color : Défini la couleur de fond du composant sur le Front
  • Hide component in the navigation : Bouton permettant de cacher le titre (Current Navigation Title) et le lien de la navigation interne de la page


Les composants se trouve dans l'onglet Content de toutes les pages dans le backoffice d'Umbraco.

Table of Contents
maxLevel2
minLevel2


Column
width50%


...

Section


Column
width50%

Description

Ce composant permet de générer une zone d’image 3 par ligne.

Les images utilisent le crop dit « Rectangular ».

Exemple de rendu


Column
width50%

Paramètres

  • 3 Images : Vous trouverez un multi media picker qui vous permettra de sélectionner plusieurs images.
  • Optional label : Vous pouvez ajouter un texte central en dessous des images.


Tip
Les images s'affichent 3 part 3, vous pouvez donc en sélectionner plus de 3

Pages l’utilisant

Content page

Testimony

News

Events




Image AddedIn Focus

...


Section


Column
width50%

Description

Ce composant permet mettre en avant un document comme un magazine. On trouve un titre, une zone de texte riche et 2 types de boutons.

Une image en format « magazine » permet de montrer un morceau de votre document.


Exemple de rendu

Image Added


Column
width50%

Paramètres

  • Title : Titre affiché a gauche ( sur l'exemple : Rapport annuel 2018 )
  • Description : Texte avec un grand choix de formatage, se trouve juste en dessous du Title
  • Image : Image se trouvant sur la droite en format magazine.
  • Blue Button : Sélectionne un lien et un titre pour le bouton bleu ( sur l'exemple : Lire le rapport annuel 2018 )
  • Arrow Link : Un autre lien et titre possible mais avec un design différent ( sur l'exemple : Toutes les publications et brochures )


Tip
Les paramètres Blue Button et Arrow Link peuvent être créer plusieurs fois, ils s'affichent alors l'un en dessous de l'autre ( Nous conseillons 1 seul lien par paramètre )

Pages l’utilisant

Image AddedContent page

Image AddedHome Page

Image AddedInstituts

Image AddedProjets de recherche