Articles sur : Espaces

Widget Calendrier

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



Comment l'ajouter


  1. Dans la barre de construction flottante en bas de l'éditeur, ouvrez la popover ⌄ All widgets (tous les widgets) et repérez Calendrier.
  2. Faites-le glisser dans la Section visée.
  3. Utilisez la barre d'outils interne au widget pour l'ajout d'une phase (ajouter une phase) ou l'ajout d'un jalon (ajouter un jalon) ; les étapes que vous avez créées ailleurs dans l'Espace (dans un widget Steps ou directement dans une action) apparaissent automatiquement si elles ont des dates.


La pastille de sélection — les contrôles Calendrier


Cliquez sur le Calendrier pour le sélectionner. La pastille est minimale — toute l'édition se fait dans la barre d'outils du widget (plage, Today, Fit, Filter, Add Phase, Add Milestone) :


  1. Demander à l'IA (la marque IA en dégradé).
  2. Design (icône pot de peinture) — ouvre le panneau Design contextuel.
  3. le menu ⋯ (plus) — Dupliquer (dupliquer) · Supprimer (supprimer).



Les étapes et les tâches affichées dans le Calendrier sont les mêmes que celles utilisées ailleurs dans l'Espace. Il n'existe qu'un seul plan d'action sous-jacent — le Calendrier n'en est qu'une autre vue. Modifiez dans l'un des deux widgets et l'autre se met à jour immédiatement. Le Calendrier y ajoute ses propres phases et jalons — eux sont spécifiques au Calendrier.


À noter : cliquer sur la barre d'une étape ouvre la même vue de détail de l'action que le widget Steps (mêmes 5 statuts, attributs, directives, commentaires, etc.). Elle s'ouvre par défaut en popup centrée ; son menu ⋯ propose Switch to side panel (passer au panneau latéral) si vous préférez le tiroir sur le bord droit, et Katalyz mémorise votre choix.


Trois types d'éléments


Type d'élément

Ce que c'est

Affichage

Phase

Une large bande de temps (par ex. « Discovery », « Implementation », « Rollout »)

Une bande colorée semi-transparente couvrant la plage de dates, derrière les étapes

Étape

Une action planifiée (les mêmes données d'étape que partout 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 en sous-lignes repliées ou dépliées.

Jalon

Un événement ponctuel (par ex. « Contract signed », « Kickoff »)

Un marqueur en forme de drapeau au-dessus de la grille, à une date précise


Ce qui pilote le visuel


  • Date de début et date d'échéance → la position et la largeur de la barre sur l'axe temporel
  • Couleur de la barre d'étape → issue de la palette définie dans les réglages design / branding de l'Espace, pour rester aux couleurs de votre marque. (Le statut reste visible — via l'icône de statut sur la barre — mais il ne change pas la couleur.)
  • Couleur de la phase → choisie dans une palette prédéfinie à la création de la phase (purple, accent, teal, success, warning)
  • Avancement des tâches → un badge de progression « terminées / total » sur le libellé de l'étape


La barre d'outils du Calendrier


  • Liste déroulante de plage — le niveau de zoom : 1 week / 2 weeks / 1 month / 3 months / 6 months / 1 year. Elle contrôle la densité de l'axe temporel et la part du deal visible à l'écran.
  • Today (aujourd'hui) — fait défiler la vue pour que la date du jour se retrouve au milieu de la fenêtre visible, en conservant le niveau de zoom. À utiliser pour revenir au « maintenant » après avoir navigué.
  • Fit (ajuster) — zoome et fait défiler automatiquement pour que toutes les phases, tous les jalons et toutes les étapes tiennent dans la fenêtre visible. Choisit une plage adaptée à l'étendue totale des dates. Pratique pour une vue d'ensemble rapide après avoir ajouté ou déplacé des éléments.
  • Flèches de navigation — font défiler la vue à gauche ou à droite par blocs (la taille du bloc s'adapte à la plage — quelques jours en 1 semaine, des semaines en 3 mois, des mois en 1 an).
  • Filter (filtrer — en mode édition uniquement) — une liste déroulante avec deux groupes repliables ; le bouton affiche Filtered (filtré) avec un point dès que quelque chose est masqué :
    • Steps — une case à cocher par étape, pour masquer des étapes précises par leur nom
    • Statut — une case à cocher par statut (Not started / In progress / Completed / At risk / On hold), pour masquer des groupes entiers de statut (par ex. masquer tout ce qui est Completed pour se concentrer sur le travail en cours)
  • l'ajout d'une phase (ajouter une phase) — une popover pour créer une phase (nom + début + fin, en date fixe ou relative)
  • l'ajout d'un jalon (ajouter un jalon) — une popover pour créer un jalon (nom + date unique)


Interactions sur le diagramme


  • Cliquer sur la barre d'une étape — ouvre la même popup de détail de l'action que le widget Steps (éditeur complet des attributs, directives, commentaires, rattachement d'email, etc. — voir Widget Étapes)
  • Faire glisser la barre d'une étape — replanifie l'étape. Glissez le corps de la barre pour décaler début et échéance ensemble ; glissez le bord de début ou de fin pour la redimensionner.
  • Déplier une étape (« Show tasks ») — fait apparaître les sous-lignes de tâches sous l'étape, avec leurs propres dates
  • Double-cliquer sur le libellé d'une phase ou d'un jalon — ouvre une popover d'édition en ligne pour le nom et les dates


Le glisser-déposer est désactivé pour les dates relatives. Quand la date d'une étape (ou d'une phase, ou d'un jalon) est relative à une autre action, sa valeur est calculée — la barre ne peut donc pas être déplacée. Pour la replanifier, changez la date de l'action de référence (le changement se propage) ou reconvertissez la date en Fixed Date (date fixe) dans la vue de détail de l'action.


Les é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 règle relative résoluble) ne sont pas affichés sur le diagramme.
  • Ils apparaissent dans un badge « Unresolved dates » (dates non résolues) sur la barre d'outils — cliquez sur le badge pour voir la liste et ajouter les dates en ligne.
  • Cela garde le diagramme propre tout en rendant les éléments non planifiés visibles et faciles à corriger.


Les dates relatives


Les dates des étapes, phases et jalons peuvent être définies en Fixed Date (date fixe) (par ex. 15 mars) ou en Relative Date (date relative) ancrée sur la date d'une autre action (par ex. « 2 jours ouvrés après la complétion de l'étape 3 »). Utile pour réutiliser un modèle : déplacer 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 Unresolved dates.


Pour le détail complet — références, décalages, unités, propagation — voir Dates relatives pour les étapes, phases et jalons.


Calendrier ou Étapes ?


  • Widget Steps — la liste de plan d'action, pensée pour l'acheteur ; parfait pour le détail, le statut, les assignés, les tâches imbriquées, les commentaires
  • Widget Timeline — la vue de planification ; parfait pour les questions de « quand », les dépendances, un récit de type Gantt


Beaucoup d'équipes utilisent les deux : un widget Steps pour le plan d'action au quotidien, et un Calendrier pour le récit du planning en un coup d'œil.


Bonnes pratiques


  • Utilisez de vraies dates, pas de vagues « semaine 1 / semaine 2 » — la précision est un signe de 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 réellement décisifs (kickoff, signature, mise en production)
  • Appuyez-vous sur les dates relatives quand vous réutilisez un Calendrier d'un deal à l'autre — déplacez le kickoff et tout le reste suit


Articles associés

Mis à jour le : 26/10/2026

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

Partagez vos commentaires

Annuler

Merci !