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.

Si vous configurez la fiche sous forme de lien, son apparence est associée à deux états : Default (Par défaut) et Hover (Survol). Concevez le style de survol de manière à indiquer qu’il est possible de cliquer sur la fiche, ou définissez un contenu différent pour l’état de survol qui présente aux utilisateurs des informations supplémentaires sur la même fiche. 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. Il est possible de passer de l’un à l’autre afin de poursuivre la conception. Un bouton Linked to (Associé à) apparaît après la sélection des widgets imbriqués. Ce bouton indique si les paramètres du widget sont isolés ou synchronisés entre les états.

• 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.

  Conseil :

  Pour tester ces options, cliquez sur Live view (Vue en temps réel) dans la barre d’outils du générateur.