Description
Pour commencer
Utiliser le composant Description pour afficher des listes de description verticales comme par exemple un menu de restaurant. Le composant Description est un composant multiple composé de sous éléments.
Ajouter une Liste
- Editez votre page
- Cliquez sur l’icône à l’endroit où vous souhaitez ajouter le composant
- Dans le sélecteur de composant cliquez surDescription
- Editez le composant en cliquant dessus
- Cliquez sur Ajouter un élément puis sur l’icône pour l’éditer
- Entrez un Titre et un contenu
- Prévisualisez le résultat
Réorganiser les éléments de Liste de description
Vous pouvez réorganiser l’ordre des éléments au sein du composant par glisser/déposer :
- Cliquez, maintenez et déplacez l’élément que vous souhaitez déplacer
- Relâchez-le lorsque celui ci se trouve à la position désirée
Supprimer un élément de Liste de description
Pour supprimer un élément survolez le et cliquez sur l’icône à droite.
Options de l’élément de Liste de description
Chaque sous-élément dispose de ses propres options.
OPTION | DESCRIPTION |
---|---|
Titre | Le titre de l’élément |
Meta | Le meta de l’élément |
Contenu | Le contenu de l’élément |
Lien | Un lien à appliquer à l’élément |
Paramètres du composant Liste de description
Ces options s’appliquent au composant et à l’ensemble des sous-éléments.
LISTE
OPTION | DESCRIPTION |
---|---|
Style | Sélectionnez le style de la liste |
Taille | Appliquez une taille à la hauteur des lignes |
Colonne | Appliquez une hauteur prédéfinie aux éléments |
Modèle | Sélectionnez le modèle parmi Description (Contenu, méta et titre les uns sous les autres), Menu (Contenu sous le titre et méta en ligne face au titre) et Stacked (Méta sous le titre et contenu en ligne) |
CONTENU
OPTION | DESCRIPTION |
---|---|
Taille | La taille utilisée pour le texte du contenu |
TITRE
OPTION | DESCRIPTION |
---|---|
Élément | Définissez l’élément HTML à utiliser pour le titre |
Style | Appliquer un Style au titre |
Couleur | Appliquez une couleur prédéfinie au titre |
Largeur de la grille | Largeur à appliquer au titre |
Point d’arrêt | Sélectionnez la taille à partir de laquelle le titre occupe toute la largeur disponible, faisant passer les autres éléments sous lui |
Ajouter des points de suite | Ajouter une ligne pointillé entre le titre et le méta, idéal pour les Menus de restaurant par exemple |
Écart | L’écart entre le titre et l’élément qui le suit horizontalement |
META
OPTION | DESCRIPTION |
---|---|
Style | Sélectionnez le style du texte meta |
Couleur | Appliquez une couleur prédéfinie |
Position | La position du texte meta par rapport au titre |
CONTENU
OPTION | DESCRIPTION |
---|---|
Taille | La taille du texte du contenu |
LIEN
OPTION | DESCRIPTION |
---|---|
Style | Le style de lien |
GÉNÉRAL
Veuillez consulter Options générales des composants
Vous pouvez modifier les styles de ces différentes options depuis Design > Styles. Pour en savoir plus sur la personnalisation des styles, consultez Styles
Avancé
Veuillez consulter Options avancées des composants