KIS Documentation
Tutoriels
Tutoriels
  • 👋Bienvenue sur KIS
  • Vue d'ensemble
    • 💡Qui sommes-nous ?
    • ✨Nos fonctionnalités
    • 🥇Créez votre première application
  • GUIDE DE DÉMARRAGE
    • 🧑‍🏫Vos espaces de travail
    • 👾Importez vos données dans KIS
      • Créer/Peupler une table de donnée
      • Modifier/Supprimer/Dupliquer une table de donnée
    • 😁Créer votre application
      • Organisez le menu de votre application
      • Intégrez des composants à votre application
        • Détails des composants
          • 📃Bloc de texte avec une icône
          • 👩‍🏫Tableau
          • 📑 Formulaire de saisie
          • 📅Calendrier
          • 🎨Kanban
          • 📈Jauge
          • 📉Barre de progression
          • 📚Liste d’éléments
          • 🧶Fil d'Ariane à ma page
    • 🤔Données dynamiques
      • Filtres
      • Actions spéciales
  • GESTION DES DROITS D'ACCES
    • 🧑‍💻Gestion des utilisateurs
    • 🛠️Gestion des administrateurs
  • Outils pour vous aider
    • Comment bien créer une Mindmap ?💡
    • Backlog et User Stories
      • Comment bien rédiger un Backlog ? 👌
      • Comment bien rédiger des User Stories ? 💪
Powered by GitBook
On this page
  • 😜 Editer le composant
  • Option 1 : Utiliser du texte statique
  • Option 2 : Afficher des données dynamiques
  1. GUIDE DE DÉMARRAGE
  2. Créer votre application
  3. Intégrez des composants à votre application
  4. Détails des composants

Bloc de texte avec une icône

PreviousDétails des composants NextTableau

Last updated 6 months ago

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.

😜 Editer le composant

Option 1 : Utiliser du texte statique

Si vous souhaitez simplement ajouter du contenu fixe (comme un titre ou une description), voici comment faire :

  1. Ajouter le bloc Dans l'interface de création, sélectionnez le composant Bloc de texte avec icône.

  2. 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.

  3. 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.

Option 2 : Afficher des données dynamiques

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 :

  1. Ajouter le bloc de texte avec icône Sélectionnez-le comme précédemment.

  2. 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.

  1. 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.

😁
📃