Liste
Pour commencer
Utiliser le composant Liste pour afficher des listes verticales. Le composant Liste 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 sur Liste
- Editez le composant en cliquant dessus
- Cliquez sur Ajouter un élément puis sur l’icône pour l’éditer
- Entrez un Contenu
- Prévisualisez le résultat
Réorganiser les éléments de Liste
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
Pour supprimer un élément survolez le et cliquez sur l’icône à droite.
Options de l’élément de Liste
Chaque sous-élément dispose de ses propres options.
OPTION | DESCRIPTION |
---|---|
Contenu | Le contenu de l’élément |
Icône | L’icône de l’élément (facultatif) |
Lien | Un lien à appliquer à l’élément |
Texte du lien | Le label du lien de l’élément (facultatif). Si vide utilise le label renseigné dans les Paramètres du composant. Le Bouton est visible uniquement si Paramètre Lien dans les paramètres du composant est réglé sur Bouton |
Paramètres du composant Liste
Ces options s’appliquent au composant et à l’ensemble des sous-éléments.
LISTE
OPTION | DESCRIPTION |
---|---|
Marqueur | Sélectionnez le marqueur à utiliser pour les éléments |
Style | Sélectionnez le style de la liste |
Taille | Appliquez une hauteur prédéfinie aux éléments |
CONTENU
OPTION | DESCRIPTION |
---|---|
Taille | La taille utilisée pour le texte du contenu |
ICÔNE
OPTION | DESCRIPTION |
---|---|
Ratio | Entrez une taille pour l’icône. Vous pouvez utiliser des décimales en utilisant le point (.) comme séparateur. Exemple 0.8 ou 1.7. |
Couleur | Appliquez une couleur prédéfinie à l’icône |
Marge droit | Fixez l’écartement entre l’icône et le label du bouton en contrôlant la marge droite |
Centrer verticalement | Sélectionnez la position verticale de l’icône par rapport au 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