Content Comparison

Versions Compared

Version	Old Version 28	New Version 29
Changes made by	Antoine Carette	Antoine Carette
Saved on	Oct 15, 2019	Oct 15, 2019

Key

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

...

Section

Column

width	50%

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

maxLevel	2
minLevel	2

Column

width	50%

Image RemovedImage Added

Les Composants

...

Section

Column

width	50%

Description

Ce composant permet d’afficher une ou plusieurs personnes et une ou plusieurs entités internes.

Utiliser l’onglet « Relationship » pour ajouter des personnes ou des entités à la page.

Exemple de rendu

Image RemovedImage Added

Column

width	50%

Paramètres

Title : Titre affiché au dessus des informations de contact sur le Front ( sur l'exemple : Changement d'adresse ou de distribution )

Tip
Vous trouverez l'endroit pour ajouter des personnes ou des entités dans l’onglet « Relationship » du backoffice ( Il se nomme en général Contact et Internal Entity )

Pages l’utilisant

Content page	Formation	News	Projets de recherche
Events	Career Center Job Container	Instituts	Strategic topic

...

Section

Column

width	50%

Description

Ce composant permet de créer une zone en forme de grille pour intégrer toutes sortes de contenus sur la page.

Vous pouvez ajouter du texte « riche », des macros, des vidéos, des formulaires et des images.

Exemple de rendu

Image RemovedImage Added

Column

width	50%

Paramètres

Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.

Dans l'exemple nous avons une ligne composé de deux colonnes (l'une à 2/3, l'autre à 1/3).

Tip
Les grilles dispose d'un panel d'éléments et sont très flexible, n'hésité pas a tester cela sur notre serveur d'intégration ( int.heg-fr.ch )

Pages l’utilisant

Content page	Formation	News	Projets de recherche
Events	Career Center Job Container	Instituts	Strategic topic
Projets de recherche Container	Flex Perso Job Container	Home Page	Testimony

...

Section

Column

width	50%

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

Image RemovedImage Added

Column

width	50%

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

...

Section

Column

width	50%

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

Column

width	50%

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

Content page

Home Page

Instituts

Projets de recherche

Image AddedInterested block

...

Section

Column

width	50%

Description

Ce composant permet mettre en avant un lien comme une page institut. On trouve un titre, une zone de texte simple et un bouton.

Exemple de rendu

Image Added

Column

width	50%

Paramètres

Title : Titre affiché en premier dans le composant ( sur l'exemple : Intéressé ? )
Interested block text : Texte simple en dessous du Title ( sur l'exemple : Découvrez )
Buttons for interested : Boutons simple qui permettent de mettre n'importe quel lien, il est possible d'en mettre plusieurs ( sur l'exemple : Food Ecosystem institute et économie d'entreprise )

Warning
Attention, pour le moment seul la couleur de fond bleu est valide pour ce composant !

Pages l’utilisant

Image AddedContent page	Image AddedFormation	Image AddedNews	Image AddedEvents
Image AddedTestimony