Calendrier

Le calendrier Avonni offre une interface personnalisable pour afficher et gérer des ressources et des événements sous différents formats, y compris calendriers, chronologies et agendas.

Configuration de votre calendrier

Comprendre les ressources et les événements

Le calendrier Avonni utilise deux concepts essentiels : bouton Ressources et Événements.

• Ressources : Le « qui » ou le « quoi » de votre planning. Pensez à ceux-ci comme aux personnes, lieux ou éléments planifiés pour.

  • Exemples : Salles de réunion (Salle A, Salle B), membres du personnel (John Doe, Jane Smith), équipement (Projecteur, Ordinateur portable).

  • Objectif : Suivre la disponibilité et empêcher les conflits de planification.

• Événements : Le « quand » et le « ce qui se passe » de votre planning. Ce sont les activités programmées.

  • Exemples : « Réunion d’équipe », « Appel client », « Date limite du projet ».

  • Objectif : Représentent des rendez-vous programmés, des tâches ou des échéances, généralement liés à une ressource spécifique.

En substance, les événements sont programmés pour des ressources. Vous devez définir les deux pour remplir votre calendrier. L'étape suivante consiste à connecter ces concepts à une source de données.

Choisissez votre type de source de données

Maintenant que vous maîtrisez bouton Ressources (le « qui » ou le « quoi ») et Événements (le « quand » et le « ce qui se passe »), il est temps de les intégrer dans votre calendrier Avonni ! Le Source de données est la manière dont vous alimentez ces informations dans le composant. Vous choisirez une méthode qui convient à vos besoins.

Voici comment choisir et configurer :

Mappages de données

Importance du mappage des données

Le mappage des données est essentiel lorsque vous utilisez une source de données variable. Il relie les champs de vos enregistrements Salesforce aux attributs du calendrier Avonni, garantissant que vos données s'affichent correctement.

Comment fonctionne le mappage des données

Le mappage des données est un processus de traduction où vous spécifiez quel champ Salesforce correspond à chaque attribut du calendrier Avonni.

Une attention particulière doit être portée à l'attribut du nom de la ressource dans la section des événements. Cet attribut est crucial car il relie chaque événement à sa ressource correspondante dans le calendrier.

• Avec le mappage du nom de ressource : Supposons que vous avez deux salles de réunion, « Salle A » et « Salle B ». Si un événement intitulé « Réunion d’équipe » est mappé à « Salle A », il apparaîtra sous « Salle A » dans le calendrier. De même, un événement « Présentation client » mappé à « Salle B » sera affiché sous « Salle B ».

• Sans le mappage du nom de ressource : Si le nom de la ressource n'est pas mappé, à la fois « Réunion d’équipe » et « Présentation client » apparaîtront sous une seule ressource non définie, rendant difficile l'identification de l'événement se déroulant dans quelle salle.

Ce processus de mappage est important car il détermine comment les données de votre environnement Salesforce sont affichées et manipulées dans le calendrier. Un mappage correct garantit que les événements et les ressources sont affichés correctement, faisant du calendrier un outil fiable et efficace pour gérer les plannings et les ressources.

Finalisation de la configuration

Après avoir terminé les mappages de données, le calendrier Avonni sera prêt à représenter visuellement vos données Salesforce dans l'affichage choisi – calendrier, chronologie ou agenda.

Choisissez un format d'affichage

Le calendrier Avonni propose trois formats d'affichage distincts pour répondre à différentes préférences d'organisation et de planification. Chaque format fournit une manière unique de visualiser et d'interagir avec vos événements et ressources.

Affichage sélectionné	Description	Image
Chronologie	Donne aux utilisateurs une représentation visuelle linéaire de leur planning sur une période sélectionnable.
Calendar	C'est la vue traditionnelle en grille que la plupart des gens associent aux calendriers.
Agenda	Chaque entrée de la liste inclut des détails sur l'événement et est ordonnée chronologiquement.

Choisissez l'apparence de votre calendrier. Chaque option modifie la façon dont les utilisateurs voient les événements et les ressources :

• Chronologie : Une vue horizontale des événements au fil du temps.

  • Exemple : Voir toutes les réservations de la Salle A sur une semaine.

• Calendar : La mise en page classique en grille (jours en lignes/colonnes)

  • Exemple : Une vue mensuelle des rendez-vous

• Agenda : Une liste d'événements triés par date.

  • Exemple : « Réunion à 9h », « Appel à 10h » listés chronologiquement.

Comment : Sélectionnez votre affichage préféré dans le Affichage sélectionné paramètre.

Modification des propriétés

Options avancées

Voici une description concise des options avancées disponibles pour le composant calendrier Avonni

Attribut	Description
Affichages masqués	Cette option vous permet de masquer certains types d'affichage dans la barre d'outils. Le bouton de la barre d'outils sera masqué si un seul type d'affichage ou aucun n'est visible.
Variante de la chronologie	Détermine l'orientation du planning lorsque l'affichage sélectionné est une chronologie.
Tirer jusqu'à la limite	Tirer jusqu'à la limite permet au composant calendrier de s'étendre jusqu'aux bords gauche et droit, éliminant toute marge entre le calendrier et le composant principal.
Ajuster le zoom pour s'adapter	L'ajustement du zoom empêche le défilement horizontal dans l'affichage chronologie, garantissant que tous les événements tiennent dans la zone visible pour un accès facile et une visualisation claire.
Périodes de temps	Le calendrier Avonni permet des vues personnalisables par jour, semaine ou mois, améliorant la planification avec des périodes ajustables sur plusieurs jours. En savoir plus.

En-tête

La section En-tête offre diverses options de personnalisation pour l'en-tête supérieur.

Voici un bref aperçu des options disponibles :

Attribut	Description
Masquer l'en-tête	Cette propriété vous permet de masquer la barre d'outils supérieure si nécessaire. Si sélectionnée, la barre d'outils entière ne sera pas affichée.
Titre	Cette propriété vous permet de définir un titre personnalisé pour la barre d'outils. Le titre que vous saisissez s'affichera en évidence sur la barre d'outils, identifiant clairement votre calendrier.
Avatar	Cette option vous permet d'ajouter un avatar à la barre d'outils. Cela peut être utile pour la personnalisation ou pour fournir des indices visuels sur le propriétaire ou le contexte du calendrier.
Actions	Cette propriété vous permet d'ajouter des actions de boutons sur la barre d'outils. Ces actions sont déclenchées en fonction des interactions créées par le Panneau d'interaction

Heures disponibles

La section Heures disponibles propose plusieurs options pour personnaliser les plages horaires affichées sur votre calendrier. Cette fonctionnalité est pratique pour se concentrer sur des périodes spécifiques d'intérêt.

Voici les options disponibles :

Attribut	Description
Jours	Cette option vous permet de spécifier quels jours de la semaine doivent être visibles sur le calendrier. Si sélectionnée, le calendrier n'affichera que les jours choisis, masquant efficacement les autres.
Mois	Semblable à l'option Jours, vous pouvez choisir quels mois doivent être visibles sur votre calendrier. Une fois une sélection effectuée, le calendrier n'affichera que les mois sélectionnés.
Plage horaire	Cette fonctionnalité vous permet de définir une plage horaire personnalisée pour le calendrier. Grâce à cela, vous pouvez contrôler précisément les heures visibles sur votre calendrier, en vous concentrant efficacement sur les créneaux horaires les plus pertinents. Vous devez utiliser un modèle de syntaxe spécifique pour définir une plage horaire disponible dans le composant. Chaque plage horaire doit être exprimée sous forme de chaîne au format "début-fin". Les heures de 'début' et de 'fin' doivent être formatées selon la norme ISO8601 pour l'heure, essentiellement un format sur 24 heures. https://docs.google.com/gview?embedded=true&url=[votre URL PDF] Si vous souhaitez définir la plage horaire disponible de 8h à 18h, vous devez l'écrire comme 08:00-18:00. Dans cet exemple : 08:00 représente l'heure de début (8h). 18:00 représente l'heure de fin (18h). Ce format assure un moyen clair et standardisé de spécifier les plages horaires, facilitant la configuration et la compréhension des créneaux disponibles.

---

Actions du menu contextuel

La section Actions du menu contextuel propose des options pour ajouter des actions spécifiques au menu contextuel de votre calendrier. Cela améliore l'interactivité et la fonctionnalité des événements de votre calendrier. Voici les options disponibles :

Attribut	Description	Illustration
Actions d'événement	Ce sont des actions de bouton qui apparaissent dans le menu contextuel et la fenêtre de détails d'un événement. En les configurant, vous pouvez définir des actions personnalisées que les utilisateurs peuvent effectuer directement à partir d'un événement, comme modifier ou supprimer l'événement
Actions sur emplacement vide	Ce sont des actions de bouton qui apparaissent dans le menu contextuel lorsque l'on clique sur un emplacement vide du calendrier. Cela vous permet d'offrir aux utilisateurs des options pour effectuer des actions lorsqu'aucun événement spécifique n'est sélectionné, comme créer un nouvel événement.

Affichage des événements

La section Affichage des événements du panneau des propriétés du composant calendrier Avonni offre plusieurs options pour personnaliser l'esthétique visuelle de vos événements de calendrier.

Voici les options disponibles :

Thème

Cette option vous permet de choisir un thème visuel pour vos événements. Vous pouvez sélectionner parmi plusieurs thèmes prédéfinis, tels que par défaut, transparent, ligne, creux, ou arrondi, chacun offrant un style visuel unique pour s'adapter à votre préférence personnelle ou à l'identité de votre marque.

Variations de thème

Palette

Cette fonctionnalité vous permet d'attribuer différentes couleurs d'une palette choisie à chaque ressource. Une palette de couleurs est une collection de couleurs qui assure une utilisation cohérente des couleurs entre les différentes ressources. Cela aide à différencier visuellement et à identifier rapidement les ressources sur votre calendrier.

Champs du popover

Lorsque l'utilisateur survole un événement, ces champs seront affichés dans une petite fenêtre contextuelle (ou un « popover »). Cela permet aux utilisateurs de voir les détails essentiels de l'événement sans cliquer dessus. Vous pouvez ajouter n'importe quelle information de champ dans le popover.

Filtre

La section Filtre offre plusieurs options de personnalisation pour le panneau latéral de votre calendrier.

Voici les options disponibles :

Attribut	Description
Masquer le filtre des ressources	Vous pouvez masquer le filtre des ressources. Ce filtre se trouve dans la barre d'outils dans l'affichage chronologie, mais dans d'autres affichages, il se trouve dans le panneau latéral.
Libellé du filtre Ressources	Le libellé du filtre « Ressources » peut être renommé si aucune ressource n'a été masquée dans le paramètre précédent.
Masquer le sélecteur de date	La sélection de cette option vous empêche de choisir une date spécifique depuis l'en-tête du calendrier
Type	Cette option contrôle la position du menu de filtre. Choisissez parmi : Horizontal : Affiche le menu de filtre dans une barre horizontale à travers le composant. Popover : Affiche le menu de filtre dans une fenêtre compacte qui apparaît lorsqu'un bouton est cliqué. Panneau : Présente le menu de filtre dans un panneau latéral qui se glisse depuis le bord du composant

---

Recherche

Cette option vous permet d'ajouter une barre de recherche où les utilisateurs peuvent trouver des événements par titre. Si activée, vous pouvez également personnaliser ce qui suit :

• Texte d'espace réservé : Cela définit le texte affiché dans la barre de recherche avant que l'utilisateur ne commence à taper (par ex. « Rechercher des événements »).

• Position de la boîte de recherche : Choisissez où la barre de recherche apparaît : à gauche, à droite, centrée, occupant toute la largeur, ou en tant que panneau séparé.

---

Apparence du calendrier

Adaptez la présentation visuelle du calendrier Avonni pour créer une expérience fluide et native au sein de Salesforce. Ces paramètres personnalisables vous permettent d'affiner l'apparence du calendrier, assurant une intégration harmonieuse et une amélioration de votre environnement Salesforce.

Hauteur complète

Optimisez l'intégration de votre calendrier dans l'interface utilisateur en utilisant le réglage de hauteur complète. Cela garantit que le calendrier s'adapte parfaitement à la taille d'écran actuelle de l'utilisateur, éliminant le besoin de faire défiler et permettant une visibilité complète du calendrier en un coup d'œil.