Les cellules - « Calendrier hebdomadaire des évènements »

⚙️ Accès dans le BO :
Édition « Portail » > 👉 une page

Cette cellule permet d'afficher une semaine d'évènements à partir d'un ou plusieurs agendas de type "Évènements" sous forme calendaire, avec la possibilité de passer d'une semaine à l'autre.

Capture de la cellule en back-office

Les paramètres attendus

  • Agenda(s) : sĂ©lectionnez le ou les agendas Ă  afficher. Il est Ă©galement possible de sĂ©lectionner une catĂ©gorie, ou une variable de page. La variable de page peut contenir l’identifiant (slug) d'un agenda, ou plusieurs identifiants sĂ©parĂ©s par des virgules, ou l’identifiant d'une catĂ©gorie prĂ©fixĂ© par « category: ».
  • Identifiant du formulaire de rĂ©servation : indiquez ici l'identifant (« slug ») du formulaire qui permet la rĂ©servation de l'Ă©vènement. Il est nĂ©cessaire que ce formulaire propose la rĂ©servation Ă  tous les agendas exposĂ©s. Si deux agendas utilisent deux formulaires diffĂ©rents, il faut crĂ©er deux cellules. Ce paramètre est optionnel.
  • Hauteur des heures (px) : ce paramètre permet de faire varier la hauteur des heures ; si l'intitulĂ© d'un Ă©vĂ©nement est trop grand/haut, il va dĂ©border du cadre et sera masquĂ©, il faut alors augmenter cette hauteur pour voir l'intĂ©gralitĂ© du titre ainsi que les liens pour rĂ©server et voir les dĂ©tails (si existants).

Les paramètres disponibles dans les onglets « Visiblité » et « Apparence » sont identiques aux autres cellules.

Rendu sur le portail

capture du rendu de la cellule sur le portail, on y voit un planning hebdomadaire avec la possiblité de changer les semaines (avant/arrière), et les événements issus de l'agenda, avec des couleurs. Les événements peuvent avoir sous leur titre un lien "réserver" et un lien "détails"

NB : pour qu'un évènement s'affiche, il doit avoir une durée.

Paramétrages supplémentaires

Avoir de la couleur

Pour avoir une couleur dédiée à l'événement, cela se paramètre dans l'agenda. Il faut créer un type d'évènement avec un paramètre ayant pour identifiant « color » et pour type « couleur » puis associer ce type d'événement à l'agenda, et enfin, indiquer la couleur pour chaque évènement.

En plus d'être visible dans la cellule « Calendrier hebdomadaire des événements », la couleur associée à un événement s'affiche sous forme de liseré dans Chrono.

Avoir un lien « Détails »

Ce lien s'affiche lorsqu'il y a des informations additionnelles dans l'évènement (par exemple, une description, un tarif...). Le clic sur le lien ouvre une pop-up avec ces informations. Le formatage "texte riche" du champ description est conservé.

Capture de la pop-up "détails", on y voit le titre de l'événement, une description textuelle et un tarif.

Comment faire pour que l'évènement sur lequel on clique soit déjà présélectionné lorsque l'on remplit le formulaire de réservation ?

Le lien « Réserver » contient l'identifiant de l'évènement sélectionné. Grâce à cet identifiant, le champ « évènement » du formulaire de réservation se remplit automatiquement.

Concrètement, l'URL du lien contient un paramètre : ?event=IDENTIFIANT-DE-L-EVENEMENT. Ce paramètre permet de préremplir le champ évènement du formulaire avec la valeur {{request.GET.event|default:""}}.

Pour que cela fonctionne, le champ évènement doit se trouver sur la première page du formulaire. Si ce n'est pas le cas, il faut utiliser une donnée calculée : elle récupère et stocke la valeur sur la première page, puis permet de la réutiliser sur n'importe quelle autre page du formulaire.

Vous n'avez pas trouvé ce que vous cherchez ?

Une suggestion ? Écrivez-nous !

Proposez une amélioration pour la documentation

Dernière mise à jour le 28/07/2026 11:26