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
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.
Les Composants
Contact
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
Paramètres
- Title : Titre affiché au dessus des informations de contact sur le Front ( sur l'exemple : Changement d'adresse ou de distribution )
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 |
Grid Content
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
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).
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 |
Image Slider
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
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.
Les images s'affichent 3 part 3, vous pouvez donc en sélectionner plus de 3
Pages l’utilisant
Content page | Testimony | News | Events |