mettre en gras, souligner et mettre en italique des mots spécifiques d’un texte dynamique dans le widget Text (Texte) d’ArcGIS Experience Builder

Résumé

Le texte dynamique du widget Text (Texte) d’ArcGIS Experience Builder est essentiel lorsque le widget doit afficher le texte avant et après la sélection d’une entité. Les textes dynamiques peuvent être mis en gras, en italique ou être soulignés dans la zone de mise en forme contextuelle du widget Text (Texte). Cependant, la mise en forme s’applique à la totalité de la phrase, comme le montre l’image ci-dessous, ce qui ne correspond parfois pas au résultat souhaité.

Cet article décrit le processus permettant de mettre en gras, de souligner et de mettre en italique des mots spécifiques d’un texte dynamique dans le widget Text (Texte) d’ArcGIS Experience Builder.

Procédure

Insérez les balises HTML dans le champ de texte de la table attributaire de la couche dans ArcGIS Online.

1. Connectez-vous à ArcGIS Online.
2. Cliquez sur Content (Contenu) en haut du site Web et accédez à l’onglet My Content (Mon contenu).
3. Cliquez sur la carte Web ou la couche d’entités spécifique contenant le champ de texte souhaité pour ouvrir la page des détails de l’élément.
4. Sous Layers (Couches), cliquez sur la couche d’entités et accédez à l’onglet Data (Données) pour afficher la table attributaire.
5. Double-cliquez sur le champ contenant le texte pour activer la modification et insérez les balises HTML fournies.
   1. Pour mettre un mot en gras, utilisez les balises <strong> et </strong>.

<strong>insert word or phrase</strong>

2. Pour souligner un mot, utilisez les balises <u> et </u>.

<u>insert word or phrase</u>

3. Pour mettre un mot en italique, utilisez les balises <em> et </em>.

<em>insert word or phrase</em>

Le code HTML ci-dessous montre l’exemple d’un mot en gras, d’un mot souligné et d’un mot en italique.

<strong>Bold</strong>, <u>underlined</u>, <em>italicized</em>

L’image ci-dessous montre le résultat dans la table attributaire.

6. Ouvrez le projet ArcGIS Experience Builder et accédez au volet Insert widget (Insérer un widget).
7. Sous Page elements (Éléments de page), faites glisser le widget Text (Texte) et déposez-le à la position souhaitée dans l’expérience.
8. Dans le panneau de configuration du widget Text (Texte), sur l’onglet Content (Contenu), activez l’option Connect to data (Connexion aux données), puis cliquez sur Select data (Sélectionner des données).
9. Dans le volet Select data (Sélectionner des données), sélectionnez la couche d’entités contenant le champ de texte.
10. Cliquez sur le bouton Dynamic content (Contenu dynamique)  pour afficher le volet Dynamic content (Contenu dynamique).
11. Sur l’onglet Attribute (Attribut), dans la section Data (Données), sélectionnez Default (Par défaut) dans la seconde liste déroulante. Si vous le souhaitez, sélectionnez Selected features (Entités sélectionnées) pour sélectionner manuellement une entité spécifique à partir d’autres widgets, tels que le widget List (Liste).
12. Cliquez sur le champ de texte, puis n’importe où sur l’expérience en dehors du widget Text (Texte) pour afficher le texte mis en forme. Si vous le souhaitez, activez Live view (Vue dynamique) sur la barre d’outils du générateur pour afficher le texte mis en forme des entités sélectionnées à partir d’un autre widget.

L’image ci-dessous montre le texte dynamique dans le widget Text (Texte) affichant les mots spécifiques en gras, souligné et en italique.