Bloc de texte avec une icône
Last updated
Last updated
L'élément "Bloc de titre avec icône" :
Cet élément permet d'afficher un titre, plus ou moins gros, avec un icône personnalisé. Ce dernier peut être une valeur par défaut comme une donnée dynamique.
Sélectionnez le composant Text with Icon et déposez le dans le container de votre choix.
Si vous souhaitez simplement ajouter du contenu fixe (comme un titre ou une description), voici comment faire :
Ajouter le bloc Dans l'interface de création, sélectionnez le composant Bloc de texte avec icône.
Modifier le texte Cliquez sur le bloc pour ouvrir l'éditeur de texte. Là, vous pouvez :
Entrer un titre ou une description que ce soit dans le petit et/ou le gros texte.
Choisir une icône
Cliquez sur Modifier l'icône
Parcourez la bibliothèque d'icônes ou utilisez la barre de recherche pour trouver celle qui convient à votre texte.
Sélectionnez l'icône, elle sera mise à jour instantanément.
Si vous avez besoin d'afficher une information qui provient de vos données en temps réel (comme un statut, un chiffre clé ou une information à jour), voici comment procéder :
Ajouter le bloc de texte avec icône Sélectionnez-le comme précédemment.
Lier une donnée dynamique
Cliquez sur le texte du bloc.
Choisissez l'option Sélection des données.
Sélectionnez Ajouter une donnée dynamique qui définira la source de données que vous souhaitez afficher (par exemple, le nombre de commandes, le statut d'un projet, etc.).
Sélectionnez 0 pour inclure toutes les données de la table.
Sélectionner la table depuis laquelle votre bloc doit extraire les données.
Ajouter des filtres ou des actions spéciales suivant le besoin.
Pour plus de détails : Données dynamiques
Choisissez l'ID des données dynamiques que vous venez de créer ainsi que la colonne à afficher où le nombre de résultats.
Valider puis n'oubliez pas d'Ajouter les modifications !
La donnée liée s’affichera en temps réel dans le bloc, et se mettra à jour automatiquement selon les changements dans votre base de donnée.
Personnaliser l'icône Comme avec le texte statique, vous pouvez choisir une icône qui accompagne visuellement la donnée. Cela permet de rendre l'information encore plus claire pour l'utilisateur.