HTML の使用

HTML を効果的に利用することによって、ダッシュボードの外観を改善することができます。 リッチ テキスト エレメントと、各エレメントのタイトルと説明のフィールドには、一般的なワード プロセッシングの書式設定オプションを提供する WYSIWYG テキスト エディターを備えています。 また、リッチ テキスト、フィールド名、リンク、サポートされているその他の HTML の組み合わせを使用することで、より高度な書式設定を行えます。

Web コンテンツのタグなど、高度な HTML 書式設定を含めるには、テキスト エディターで [ソース] Source をクリックし、HTML を入力します。

たとえば、以下のリストは、カスタム HTML を使用して拡張されています。 リストの各項目内の最初の行は、太字のテキストで大きく表示されており、各項目内の 2 行目と 3 行目のテキストには HTML シンボルが使用されています。

カスタム HTML を含むリスト

上記のリストを作成するために使用される HTML は、次のようになります。


<p><span style="font-size:20px"><strong>
{field/TEXT_GENERAL_CODE}</strong></span></p>
<p>&#128344;{field/DISPATCH_DATE_TIME}</p>
<p>&#128204;{field/LOCATION_BLOCK}</p>

HTML シンボル

HTML シンボルはダッシュボードの見栄えを良くし、コンテキストを提供します。 たとえば、数が先週に比べて増加したのか、それとも減少したのかを簡単に確認できるようにする三角形を表示するように、インジケーターを構成することができます。

HTML シンボルを含むインジケーター

キーボードにない HTML シンボルをエレメントに含めるには、シンボルを別の場所から、リッチ テキスト エディターや他のテキスト フィールド (インジケーター内のテキスト設定など) に直接コピーします。 または、シンボルの 10 進数または 16 進数の参照コードをそれらの場所に入力することができます。 たとえば、上を指す三角形 (▲) を含めるには、その 10 進数コード &#9650; または 16 進数コード &#x25B2; を使用します。

ダイナミック テキスト

フィールド名などのダイナミック テキストをテキスト エディターのエレメントに追加することもできます。 実行時に、参照されているフィールド内の値がダッシュボードに表示され、動的に更新されます。

テキスト エディター

これを行うには、HTML ソースにフィールド名を直接入力するか、[挿入] Insert をクリックし、ドロップダウン リストからフィールド名またはいずれかのダイナミック テキスト オプションを選択します。

  • [アプリケーション] - ダッシュボードのロケールとタイム ゾーンを表示します。 これは、ヘッダー、スプラッシュ画面、リスト内のライン アイテム テンプレート、特定のエレメントなど、通常タイトルや説明が表示されるさまざまな場所に挿入することもできます。
  • [アイテム] - ダッシュボードのタイトル、説明、作成日または更新日、アイテムの詳細ページのその他の情報を表示します。 これは、エレメント、ヘッダー パネル、サイドバー、スプラッシュ画面、リッチ テキスト エレメントなど、通常タイトルや説明が表示されるさまざまな場所に追加できます。
  • [フィールド値] - フィールドを表示します。 これは、リスト内のライン アイテム テンプレート、カテゴリ セレクター、ゲージやインジケーターなどのフィーチャベースのエレメントに挿入できます。
  • [計算された値] - インジケーター エレメントに集約された統計情報を表示します。