> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://katalyz.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Widget Calendrier

Le widget **Calendrier** est un **diagramme horizontal de type Gantt** pour planifier une affaire. Il combine trois types d'éléments sur le même axe temporel : **phases**, **étapes** et **jalons**. Contrairement au widget Steps (qui est une liste de plan d'action pure), Calendrier est ancré dans le temps — les dates déterminent la position, la largeur et l'ordre.


![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-17-at-11532_ej0gjj.png =764xauto)

## Comment l'ajouter

1. Sur la **barre d'édition** en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover **⌄ Tous les widgets** s'il n'y figure pas.
2. Faites glisser le widget **Calendrier** sur la section cible.
3. Utilisez la barre d'outils du widget pour **Ajouter une phase** ou **Ajouter un jalon** ; toutes les étapes que vous avez créées ailleurs dans l'espace (dans un widget Steps ou directement dans une action) apparaîtront automatiquement si elles ont des dates.

## Le menu flottant — contrôles Calendrier

Cliquez sur le Calendrier pour la sélectionner. Le menu est minimal — la plupart des modifications se font dans la barre d'outils propre au widget (plage, aujourd'hui, ajuster, filtre, ajouter phase, ajouter jalon) :

1. **🌙 Mode sombre** — bascule la surface du widget vers un traitement sombre.
2. **Design** (icône pinceau) — ouvre le Panneau Design contextuel.
3. **⋮ Plus** — **Dupliquer** · **Supprimer**.
![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-17-at-15411_9csngp.png =1040xauto)

> **Les étapes et tâches affichées sur le Calendrier sont les mêmes que celles utilisées ailleurs dans l'espace.** Il existe un seul plan d'action sous-jacent — Calendrier est une autre vue de ces mêmes étapes/tâches. Modifiez dans l'un ou l'autre widget et l'autre se met à jour immédiatement. Calendrier ajoute par-dessus ses propres **phases** et **jalons** — ceux-ci sont spécifiques à Calendrier.

> **Note :** cliquer sur une barre d'étape ouvre le même **sidepanel de détails de l'action** utilisé par le widget Steps (mêmes 5 statuts, attributs, consignes, commentaires, etc.).

## Trois types d'éléments

| Type | Description | Affichage |
| ---- |
| **Phase** | Une large bande temporelle (ex. « Découverte », « Implémentation », « Déploiement ») | Bande colorée semi-transparente couvrant la plage de dates, derrière les étapes |
| **Étape** | Une action planifiée (mêmes données d'étape utilisées ailleurs dans l'espace) | Une barre colorée dont la position = date de début et la largeur = date d'échéance − date de début. Peut contenir des tâches, affichées dans des sous-lignes repliées/déployées. |
| **Jalon** | Un événement ponctuel (ex. « Contrat signé », « Kickoff ») | Un marqueur drapeau au-dessus de la grille à une date précise |

## Ce qui détermine le visuel

* **Date de début et date d'échéance** → **position** et **largeur** de la barre sur l'axe temporel
* **Couleur de la barre d'étape** → provient de la **palette définie dans les paramètres de design/branding de l'espace** afin de correspondre à votre marque. (Le statut reste affiché — via l'icône de statut sur la barre — mais il ne **modifie pas** la couleur.)
* **Couleur de la phase** → choisie dans une palette prédéfinie lors de la création de la phase (purple, accent, teal, success, warning)
* **Avancement des tâches** → un badge de progression **« terminées / total »** sur l'étiquette de l'étape

## La barre d'outils Calendrier

* **Menu déroulant Plage** — niveau de zoom : **1w / 2w / 1m / 3m / 6m / 1y**. Contrôle la densité de l'axe temporel et la portion de l'affaire visible à l'écran.
* **Aujourd'hui** — fait défiler la vue de manière à ce que **la date du jour se trouve au milieu** de la fenêtre visible, en conservant le niveau de zoom actuel. Utilisez-le pour revenir au « maintenant » après avoir navigué.
* **Ajuster** — **zoome et défile automatiquement** pour que toutes les phases, jalons et étapes tiennent dans la fenêtre visible. Choisit une plage qui correspond à la durée totale. Pratique pour un aperçu rapide après l'ajout ou le déplacement d'éléments.
* **Flèches de navigation** — font défiler la vue à gauche/droite par segments (la taille du segment s'adapte à la plage — quelques jours en 1w, semaines en 3m, mois en 1y).
* **Filtre** (mode édition uniquement) — deux façons de restreindre ce qui est affiché :
* **Par action** — une case par étape, pour masquer individuellement des étapes par leur nom
* **Par statut** — une case par statut (Non démarrée / En cours / À risque / En attente / Terminée), pour masquer des groupes de statut entiers (ex. masquer tout ce qui est Terminé pour se concentrer sur le travail actif)
* **+ Ajouter une phase** — popover pour créer une nouvelle phase (nom + début + fin, absolue ou relative)
* **+ Ajouter un jalon** — popover pour créer un nouveau jalon (nom + date unique)

## Interactions sur le diagramme

* **Cliquer sur une barre d'étape** — ouvre le même **sidepanel de détails de l'action** utilisé par le widget Steps (éditeur complet d'attributs, consignes, commentaires, joindre un email, etc. — voir [Widget Steps](https://katalyz.crisp.help/fr/article/widget-etapes-1bgkshp/))
* **Glisser une barre d'étape** — replanifie l'étape. Glissez le corps pour décaler début + échéance ensemble ; glissez le bord de début ou d'échéance pour redimensionner.
* **Déployer une étape (« Afficher les tâches »)** — révèle des sous-lignes de tâches sous l'étape avec leurs propres dates
* **Double-cliquer sur l'étiquette d'une phase ou d'un jalon** — popover d'édition en ligne pour nom / dates

> **Le glisser-déposer est désactivé pour les dates relatives.** Lorsque la date d'une étape (ou phase, ou jalon) est **relative** à une autre action, sa valeur est calculée — la barre ne peut donc pas être glissée. Pour la replanifier, modifiez soit la date de **l'action de référence** (ce qui se propage), soit reconvertissez la date en **absolue** dans le sidepanel.

## Éléments sans date

* Les étapes, phases ou jalons qui n'ont pas à la fois une date de début et une date d'échéance (ou une spécification relative résoluble) ne sont **pas affichés sur le diagramme**.
* Ils apparaissent dans un **badge « Dates non résolues »** sur la barre d'outils — cliquez sur le badge pour voir la liste et ajouter des dates en ligne.
* Cela garde le diagramme propre tout en rendant les éléments non planifiés visibles et faciles à corriger.

## Dates relatives

Les dates d'étape, de phase et de jalon peuvent être définies comme **absolues** (ex. 15 mars) ou **relatives** à la date d'une autre action (ex. « 2 jours ouvrés après la complétion de l'Étape 3 »). Utile pour réutiliser un modèle où décaler le kickoff décale tout le reste.

Si une date relative ne peut pas être résolue (l'action référencée n'a pas de date, ou a été supprimée), l'élément est marqué comme non résolu et apparaît dans le badge **Dates non résolues**.

Pour le détail complet — références, décalages, unités, propagation — voir [Dates relatives pour étapes, phases et jalons](https://katalyz.crisp.help/fr/article/dates-relatives-pour-les-etapes-phases-et-jalons-1uocdv5/).

## Calendrier vs Steps

* **Widget Steps** — liste de plan d'action conviviale pour l'acheteur ; idéal pour le détail, le statut, les assignés, les tâches imbriquées, les commentaires
* **Widget Calendrier** — vue de planification ; idéal pour les questions « quand », les dépendances, la narration de type Gantt

De nombreuses équipes utilisent les deux : un widget Steps pour le plan d'action opérationnel et un Calendrier pour la narration du calendrier en un coup d'œil.

## Bonnes pratiques

* **Utilisez de vraies dates**, pas un vague « Semaine 1 / Semaine 2 » — la précision signale le sérieux
* **Découpez votre calendrier en phases** — 2 à 4 phases regroupent visuellement les étapes et aident l'acheteur à prendre du recul
* **Utilisez les jalons avec parcimonie** — réservez-les aux événements véritablement pivots (kickoff, signature, mise en production)
* **Appuyez-vous sur les dates relatives** lorsque vous réutilisez un Calendrier d'une affaire à l'autre — déplacez le kickoff et tout le reste suit

## Articles liés
* [Widget Steps](https://katalyz.crisp.help/fr/article/widget-etapes-1bgkshp/)
* [Contrôler la visibilité — pages, sections, actions, messages et consignes](https://katalyz.crisp.help/fr/article/controler-la-visibilite-pages-sections-actions-messages-et-directives-16hxaxs/)
* [Introduction aux widgets](https://katalyz.crisp.help/fr/article/introduction-aux-widgets-1e90glq/)