Cette page ne doit être appliquée que si le script vous demande de passer la migration manuelle code.20260414.CALENDAR.StyleEventModal
Si la migration assistée vous a demandé de passer la migration code.20260408.CALENDAR.EventModal vous devez appliquer cette migration avant de vous occuper de celle-ci
La vue "Agenda pleine page (fullcalendar)" du service de recherche "Calendrier des événements" supporte à partir de la version 2.21.0 l'affichage du détail des événements dans une fenêtre (boite de dialogue)
Par défaut, le détails des événements est affiché au survol sur ordinateur et dans une fenêtre modale pour les appareils ne supportant pas le survol (mobile, tablette).
Un nouveau paramètre de vue permet de forcer l'affichage du détails des événements dans une fenêtre au lieu du tooltip pour tous les appareils.
Si ce service est utilisé, vous devez vérifier l'affichage de cette nouvelle boite de dialogue et apporter les css nécessaires pour que le rendu soit correct dans votre charte.
Tester le rendu
Pour tester, insérer le service "Calendrier des événements" avec la vue "Agenda pleine page (fullcalendar)" et choisissez pour le paramètre de vue Affichage du détails des événements l'option "Fenêtre: au clic sur tous les appareils".
Cliquez sur un événement du calendrier pour voir son détail dans une popup.
Charter la boite de dialogue
Il y a 2 cas de figures pour charter la boite de dialogue:
Votre charte hérite d'une charte Intranet noyau
Dans ce cas, le rendu devrait déjà être correct et respecter les couleurs/police de votre charte. Vous avez juste à vérifier le rendu de la boite de dialogue et éventuellement ajuster les css apportées par charte noyau.
Votre charte est une charte originale
Dans ce cas, vous devez commencé par intégrer les styles CSS minimum pour les boites de dialogue "ametys-dialog" en suivant cette page : Intégration des boites de dialogues modales (v4.9.9+)
Puis pour la vue du service, ajoutez les styles CSS nécessaires au bon affichage des détails des événements dans la boite de dialogue.
Vous pouvez vous inspirer des CSS apportées par les chartes intranet noyau.
Retour en haut