Composant "Ajouter à l'agenda"

Ce composant n'est pas compatible avec les annonces Google Ads, Google AdMob, AMP HTML, vidéo ni illustrées.

Le composant "Ajouter à l'agenda" permet aux utilisateurs d'ajouter des rappels d'événements dans leur agenda. Il est également compatible avec les agendas Google, Yahoo! et Windows Live, ainsi qu'avec le format iCalendar.

La version classique de Safari ne permet pas le téléchargement de fichiers iCalendar.

Vous pouvez configurer ce composant de sorte qu'il fonctionne avec un seul type d'agenda compatible ou avec plusieurs d'entre eux. Lorsque vous optez pour plusieurs types, l'utilisateur sélectionne celui de son choix dans un menu déroulant. Lorsque vous n'optez que pour un seul type d'agenda, le composant ouvre immédiatement l'agenda (ou télécharge l'événement iCalendar).

Pour utiliser le composant "Ajouter à l'agenda" dans votre projet :

  1. Ouvrez le panneau Composants, puis le dossier Date et heure.
  2. Faites glisser le composant Ajouter à l'agenda  dans l'espace de création.
  3. Dans la section regroupant les propriétés du composant Ajouter à l'agenda du panneau Propriétés, saisissez le nom de l'événement, ainsi que ses dates de début et de fin.
  4. Par défaut, le composant est transparent. Vous pouvez le placer sur un élément visible de sorte que l'utilisateur sache où cliquer pour activer le composant.

Propriétés

Propriété Description
Nom Nom du composant.
Événement Nom de l'événement tel qu'il apparaîtra dans l'agenda de l'utilisateur. Cette propriété peut être associée à des données dynamiques.
Date de début Date de début de l'événement. Cette propriété peut être associée à des données dynamiques.
Heure de début Heure de début de l'événement (au format 24 heures). Cette propriété peut être associée à des données dynamiques.
Date de fin Date de fin de l'événement. Cette propriété peut être associée à des données dynamiques.
Heure de fin Heure de fin de l'événement (format 24 heures). Cette propriété peut être associée à des données dynamiques.
Fuseau horaire (Facultatif) Fuseau horaire de l'événement. Lorsque cette propriété est définie, l'heure est ajustée si l'utilisateur se trouve dans un autre fuseau horaire. Cette propriété peut être associée à des données dynamiques.
Lieu (Facultatif) Emplacement de l'événement. Cette propriété peut être associée à des données dynamiques.
Description (Facultatif) Description de l'événement. Cette propriété peut être associée à des données dynamiques.
Type d'agenda

Types d'agendas compatibles :

  • iCalendar
  • Google
  • Windows Live
  • Yahoo!

Si vous sélectionnez plusieurs types d'agendas, l'utilisateur en choisit un dans le menu déroulant après avoir cliqué sur le composant. Si vous ne sélectionnez qu'un seul type, un clic sur le composant déclenche l'ouverture de l'agenda ou le téléchargement du fichier iCalendar.

Propriétés avancées

Les propriétés avancées vous permettent de personnaliser l'apparence du menu déroulant lorsque vous sélectionnez plusieurs types d'agendas. Pour afficher les propriétés avancées, cliquez sur l'icône de développement  à côté de la section Propriétés avancées du panneau des propriétés du composant.

Propriété avancée Description
Couleur de l'arrière-plan Couleur de l'arrière-plan du menu déroulant.
Couleur de la police Couleur de la police du menu déroulant.
Nom de la police Police du menu déroulant.
Taille de la police Taille de la police du menu déroulant.
Épaisseur de la police Épaisseur de la police du menu déroulant.
Couleur de mise en surbrillance Couleur de mise en surbrillance de la sélection de l'utilisateur dans le menu déroulant.

Aperçu

Il n'est pas possible de prévisualiser ce composant dans l'interface de Google Web Designer. Pour voir comment le composant s'exécute, prévisualisez votre document dans votre navigateur préféré en cliquant sur Aperçu  dans l'angle supérieur droit.

Ces informations vous-ont elles été utiles ?

Comment pouvons-nous l'améliorer ?
Recherche
Effacer la recherche
Fermer le champ de recherche
Menu principal
13506599532497679077
true
Rechercher dans le centre d'aide
true
true
true
true
true
5050422
false
false