ArcGIS Experience Builder のテキスト ウィジェット内のダイナミック テキストの特定の単語を太字、下線付き、斜体にする

サマリー

ArcGIS Experience Builder のテキスト ウィジェット内のダイナミック テキストは、フィーチャを選択する前と後にウィジェットでテキストを表示する必要がある場合に重要です。 テキスト ウィジェットのポップアップ形式ボックスを使用して、ダイナミック テキストを太字、下線付き、または斜体にすることができます。 ただし、以下の図に示すように、文全体が書式設定されるため、目的の結果が得られない場合があります。

この記事では、ArcGIS Experience Builder でテキスト ウィジェット内のダイナミック テキストの特定の単語を太字、下線付き、斜体にするワークフローについて説明します。

手順

ArcGIS Online のレイヤーの属性テーブルのテキスト フィールドに HTML タグを挿入します。

1. ArcGIS Online にログインします。
2. Web サイトの上部にあるコンテンツをクリックし、マイ コンテンツ タブに移動します。
3. 目的のテキスト フィールドを含む特定の Web マップまたはフィーチャ レイヤーをクリックして、そのアイテム詳細ページを開きます。
4. レイヤーで、フィーチャ レイヤーをクリックし、データ タブに移動して属性テーブルを表示します。
5. テキストを含むフィールドをダブルクリックして編集をアクティブにし、提供された HTML タグを挿入します。
   1. 単語を太字にするには、<strong> タグと </strong> タグを使用します。

<strong>insert word or phrase</strong>

2. 単語に下線を引くには、<u> タグと </u> タグを使用します。

<u>insert word or phrase</u>

3. 単語を斜体にするには、<em> タグと </em> タグを使用します。

<em>insert word or phrase</em>

以下の HTML コードは、太字、下線付き、斜体の単語の例を示しています。

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

以下の図は、属性テーブルの結果を示しています。

6. ArcGIS Experience Builder プロジェクトを開き、ウィジェットの挿入パネルに移動します。
7. ページ エレメントで、テキスト ウィジェットをエクスペリエンスの目的の位置にドラッグ アンド ドロップします。
8. テキスト ウィジェットの構成パネルにあるコンテンツ タブで、データに接続をオンに切り替えてデータの選択をクリックします。
9. データの選択ウィンドウで、テキスト フィールドを含むフィーチャ レイヤーを選択します。
10. 動的コンテンツ ボタンをクリックして、動的コンテンツ パネルを表示します。
11. 属性タブのデータ セクションで、2 番目のドロップダウンからデフォルトを選択します。 必要に応じて、選択したフィーチャを選択し、リスト ウィジェットなどの他のウィジェットから特定のフィーチャを手動で選択します。
12. テキスト フィールドをクリックし、テキスト ウィジェットの外側のエクスペリエンス上の任意の場所をクリックすると、書式設定されたテキストが表示されます。 必要に応じて、ビルダー ツールバーでライブ ビューをオンに切り替えて、別のウィジェットから選択したフィーチャの書式設定されたテキストを表示します。

以下の図は、特定の太字、下線付き、斜体の単語を表示する、テキスト ウィジェット内のダイナミック テキストを示しています。