Widget Fiche

Le widget Fiche met à votre disposition un conteneur de contenu flexible et extensible, dans lequel vous pouvez afficher diverses informations complémentaires. Son contenu peut être constitué de widgets différents, comme du texte, des images, des boutons et une carte. Vous avez le choix entre sélectionner l’un des modèles de fiche prédéfinis et sélectionner un modèle vierge pour élaborer votre propre modèle de fiche. Vous pouvez définir un lien pour qu’il soit possible de cliquer sur la fiche, et configurer plusieurs styles pour son état par défaut et son état de survol.

Exemples

Utilisez ce widget pour prendre en charge les exigences de conception d’application, telles que les suivantes :

• Vous souhaitez rassembler des informations complémentaires sur un même sujet en un contenu cohérent (par exemple, résumer le détail des éléments pour un service d’entités ou de carte ArcGIS).
• Vous souhaitez regrouper des appels à l’action concis (par exemple, mettre en avant un groupe de données ou des produits pour que votre public puisse trouver ce dont il a besoin et y accéder facilement en cliquant sur des fiches).
• Vous souhaitez afficher un résumé visuel pour un lieu avec un court texte et une image ou une carte, sur lesquels les utilisateurs peuvent cliquer pour avoir accès à d’autres informations sur une autre page ou dans une autre section de votre application.

Remarques sur l’utilisation

Pour ajouter un widget Fiche, commencez par sélectionner un modèle et cliquez sur Start (Démarrer). Sur la zone d’affichage, sélectionnez les widgets imbriqués dans la fiche pour en modifier le contenu et la mise en page ou pour ajouter d’autres widgets en les faisant glisser du volet Insert (Insérer) vers la fiche. Tous les widgets sont pris en charge dans le widget Fiche.

Conseil :

Si les widgets imbriqués remplissent le conteneur, vous pouvez ouvrir les paramètres de configuration du widget Fiche en le sélectionnant dans la fenêtre Outline (Contour).

Un widget Card (Fiche) peut avoir deux états : Default (Par défaut) et Hover (Survol). L’état de survol apparaît lorsque l’utilisateur survole la fiche. Les états de survol sont utiles pour indiquer qu’il est possible de cliquer sur les fiches et pour inclure des informations supplémentaires. Lorsque les deux états sont activés pour une fiche, les boutons correspondants sont affichés près de la fiche sur la zone d’affichage. Vous pouvez utiliser ces boutons pour passer à la mise à jour de l’un à l’autre des deux états. Un bouton Linked to (Associé à) apparaît après la sélection d’un widget imbriqué. Ce bouton indique si les paramètres du widget sont isolés ou synchronisés entre les états. Si vous cliquez sur Linked to (Associé à), des options supplémentaires apparaissent pour que vous puissiez appliquer les paramètres d’un état du widget à un autre état ou isoler les paramètres du widget à cet état.

• Pour les widgets synchronisés, les paramètres de contenu et de style des widgets (arrière-plan, bordure et ombre) sont les mêmes, mais la taille et les positions peuvent différer en fonction des états.
• Pour les widgets isolés, vous pouvez configurer les propriétés sans affecter d’autres widgets dont l’état est différent.
• Pour utiliser le même widget dans un autre état ou synchroniser également la taille et la position du widget, sélectionnez le widget et appliquez-le à l’état cible.
• Lorsque vous supprimez un widget synchronisé, le même widget dans des états différents est également supprimé à moins que vous ne l’isoliez au préalable.

Paramètres

Le widget Fiche comprend les paramètres suivants :

• Select a template (Sélectionner un modèle) - Choisissez un des modèles de fiche prédéfinis ou utilisez un modèle de fiche vierge. (Si vous choisissez un modèle, vous pourrez en personnaliser l’apparence ultérieurement.)
• Set link (Définir un lien) : ajoutez un lien à la fiche pour accéder à d’autres contenus, par exemple une adresse Web, ou une vue de section, fenêtre ou page de votre application. Si vous créez un lien vers une adresse Web, saisissez une URL (qui commence par https://). En plus d’une adresse Web, vous pouvez utiliser l’option URL pour configurer un lien qui renvoie à une adresse e-mail, un numéro de téléphone, etc. Vous pouvez choisir si le lien doit s’ouvrir dans la même fenêtre que l’application, dans la fenêtre supérieure ou dans une nouvelle fenêtre.
• States (États) - Affichez une représentation visuelle de l’état de la fiche à l’aide de couleurs, styles et contenus différents.
  • Default (Par défaut) : il s’agit de l’état par défaut de la fiche, sans aucune action de l’utilisateur. Vous pouvez définir des styles d’arrière-plan, de bordure et d’ombre de contour pour cet état.
  • Hover (Survolé) - Il s’agit de l’état déclenché par l’utilisateur lorsqu’il place le curseur de la souris sur une fiche. Cet état est facultatif. Lorsque l’état de survol est activé, vous pouvez isoler le modèle (y compris la mise en page et le contenu du widget). Vous pouvez définir des styles d’arrière-plan, de bordure, d’ombre de contour et de transition animée pour cet état.
    • Layout (Mise en page) : choisissez un mode pour concevoir la mise en page de l’état de survol.
      • Auto (Automatique) : les paramètres des widgets imbriqués sont synchronisés entre les états par défaut et de survol. Si vous sélectionnez ce mode, vous pouvez uniquement configurer les paramètres pour les widgets imbriqués lorsque vous mettez à jour l’état Default (Par défaut) sur la zone d’affichage. Ce mode est adapté si vous voulez uniquement modifier les paramètres du contenu de la fiche, comme les paramètres d’arrière-plan et de bordure, entre les états par défaut et de survol.
      • Custom (Personnalisé) : créez une mise en page distincte pour l’état de survol de la fiche. Si vous sélectionnez ce mode, vous pouvez organiser et configurer manuellement les widgets lors de la mise à jour des deux états. Les widgets que vous ajoutez à la mise en page d’un état n’apparaissent pas automatiquement pour l’autre état, mais vous pouvez utiliser le bouton Linked to (Associé à) pour synchroniser les widgets entre les deux états.