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.

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