Articles sur : Espaces

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.

Comment l'ajouter

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.
Faites glisser le widget Calendrier sur la section cible.
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.

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) :

🌙 Mode sombre — bascule la surface du widget vers un traitement sombre.
Design (icône pinceau) — ouvre le Panneau Design contextuel.
⋮ Plus — Dupliquer · Supprimer.

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

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

Mis à jour le : 18/06/2026

Cet article a-t-il répondu à vos questions ?

Merci !