Calendrier

Le calendrier permet de saisir et de partager un affichage calendaire interactif, que ce soit avec un compte, un groupe ou un service. Il favorise la collaboration entre les utilisateurs.

Fonctionnement

Les calendriers doivent être liés à des tables de données qui vont réceptionner et stocker les informations clés sur les événements, les tâches et les rendez-vous.

Dans notre exemple, on utilisera une table de données nommée "planning-membres" et composée de quatre colonnes :

• debut-evenement (format Date et heure) ;

• fin-evenement (format Date et heure) ;

• apercu-evenement (format Texte) ;

• detail-evenement (format Texte).

2 possibilités

• Concevoir un formulaire dans Kis pour la création d'événements : les utilisateurs saisiront un certain nombre d'informations. Par exemple, le nom de l'événement, les dates et heures de début et de fin, et une description de l'événement. Une fois soumis, ces informations seront automatiquement enregistrées dans une table de données et affichées dans le calendrier.

• Lier le calendrier à une base de données externe : l'intégration avec des bases de données externes synchronise automatiquement les données grâce à des outils comme Make et Zapier. Par exemple, lorsqu'un client réserve une réunion, les informations sont ajoutées au calendrier sans double saisie.

Étapes de création d'un Calendrier

1 - Dans notre application, on crée une page (par exemple, Planning membres). On ajoute un container dans lequel on fait glisser déposer notre composant Calendrier.

2 - Dans Données, on crée une nouvelle source que l'on relie à notre table de données "planning-membres".

3 - On donne un nom à notre calendrier. Ici, ce sera Planning des membres.

4 - On va ensuite associer les champs Début de l'événement, Fin de l'événement et Aperçu de l'événement à notre table de données.

Pour ce faire, à côté de chaque champ, on clique sur le symbole de Sélection (les deux petits rectangles). Puis on sélectionne l'ID des données dynamiques (la source de données que l'on vient de créer) et on associe le champ à la bonne colonne de la table de données.

5 - Ensuite, on va paramétrer le Contenu des cartes. Ce sont les éléments qui apparaîtront quand on cliquera sur un événement présent dans le calendrier.

Dans notre exemple, nous allons créer deux cartes afin de nommer l'événement et lui apporter des détails utiles.

Pour la première carte, dans Titre de l'élément, on renseigne "Nom de l'événement". On laisse le champ "Élément à afficher" vide. Mais dans l'icône de Sélection, nous allons sélectionner la colonne "apercu-evenement" de notre table de données.

On répète l'opération pour la deuxième carte que l'on nomme Détail de l'événement et qu'on relie à la colonne "detail-evenement".

6 - Afin de remplir le calendrier, nous allons créer un formulaire avec les champs :

• Date de début (format date et heure) ;

• Date de fin (format date et heure) ;

• Nom de l'événement (format texte) ;

• Détail de l'événement (format texte).

Côté utilisateur, le formulaire est désormais disponible sous le calendrier et il est possible d'entrer un nouvel évémenent.

Le nouvel événement s'affiche instantanément dans le calendrier. En cliquant dessus, on retrouve toutes les informations essentielles : dates et heures de début et de fin, nom et détails de l'événement.

Dans le même temps, toutes les informations renseignées dans le calendrier apparaissent désormais votre table de données.

Si nécessaire, vous pouvez ajouter des liens vers d'autres pages pour accéder à des tableaux détaillés sur les événements ou à des documents pertinents, enrichissant ainsi l'expérience utilisateur et la compréhension des informations.