# Kanban {% embed url="" %} **Kanban** signifie “Étiquette” en japonais. La méthode Kanban fonctionne sur un système de cartes (ou d’étiquettes) indiquant continuellement les tâches à réaliser, quand les réaliser, et les tâches déjà réalisées. ## 1. Préparer l’organisation de la future donnée {% hint style="warning" %} Pour que le Kanban fonctionne, la [**liste**](/documentation/guide-de-demarrage/importez-vos-donnees-dans-kis/creez-et-peuplez-une-liste.md) associée doit obligatoirement comporter 6 colonnes particulières. {% endhint %} | Nom de la colonne | Format de la colonne | Valeur par défaut | Description | | -------------------------- | -------------------- | ----------------- | --------------------------------------------------------------------- | | **project\_status** | Texte | `Laisser vide` | Statut des colonnes du Kanban (ex : À réaliser / En cours / Terminé). | | **project\_id** | Texte | `Laisser vide` | Permet l'ordre / la position des cartes. | | **project\_label\_red** | Vrai / faux | `Laisser vide` | Permet d'ajouter un marqueur rouge sur une carte. | | **project\_label\_yellow** | Vrai / faux | `Laisser vide` | Permet d'ajouter un marqueur jaune sur une carte. | | **project\_label\_green** | Vrai / faux | `Laisser vide` | Permet d'ajouter un marqueur vert sur une carte. | | **project\_label\_blue** | Vrai / faux | `Laisser vide` | Permet d'ajouter un marqueur bleu sur une carte. | ## 2. La partie visuelle du Kanban 1 - On vient glisser-déposer le **composant Kanban** dans le container vide. On clique dessus afin d'afficher, sur la gauche, le volet d’édition. 2 - Dans **Données**, on crée une nouvelle source (ici, **Kanban Événements**) que l'on va relier à notre [**liste**](/documentation/guide-de-demarrage/importez-vos-donnees-dans-kis/creez-et-peuplez-une-liste.md) "**kanban-événements**". 3 - On sélectionne les **Options d'attributs**. C'est-à-dire les droits donnés à l’utilisateur pour interagir avec le Kanban : **créer, déplacer, modifier et/ou supprimer des cartes**. 4 - Dans **Origine de la carte**, on intègre les [**données dynamiques**](https://doc.getkis.io/docs/les-donn%C3%A9es-dynamiques) qui nous intéressent. On sélectionne la source de données crée et la colonne de la liste correspondante, "**project\_status**". 5 - On répète l'opération dans **Texte d'aperçu de la page** mais, cette fois, en reliant ce champ à la colonne "**project\_id**" de notre liste. De cette manière, le nom de la tâche créée apparaîtra sur la carte du Kanban, ainsi que dans la liste. 6 - On ajoute **autant de colonnes que nécessaire** à notre Kanban et on les nomme. Dans notre exemple, on en crée trois : **À faire, En cours, Terminé**. 7 - Si on le souhaite, via **Liens vers d'autres pages**, on peut également intégrer et personnaliser un bouton de redirection sur les cartes du Kanban. 8 - Allons vérifier le **rendu final côté utilisateur**. Les trois colonnes sont visibles. Et il est possible de **créer une nouvelle carte**, de la nommer, de lui attribuer un code couleur, de la déplacer entre les colonnes, de la modifier ou de la supprimer. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://doc.kis.work/documentation/composants/kanban.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.