ノート & リンクウィジェット

Notes & Links ウィジェットは、フリーテキストウィジェットと似ていますが、より多くのフォーマットと表示オプションが含まれています。

: Notes & Links ウィジェットはインライン HTML をサポートしていません。

セットアップ

  1. 表示したいテキストを入力します。マークダウンがサポートされています。
  2. プリセットのテンプレートを選択するか、表示オプションをカスタマイズします。
  3. 文字サイズとウィジェットの背景色を選択します。
  4. テキストの位置を調整するには、Alignment ボタンをクリックします。パディングを入れない場合は、No Padding をクリックします。
  5. ポインターを含めるには、Show Pointer をクリックし、ドロップダウンメニューから位置を選択します。
Notes & Links ウィジェットエディタの Markdown フィールドにテキストを追加する

ウィジェットを作成する準備ができたら、Save をクリックします。

このウィジェットはテンプレート変数をサポートしています。ウィジェットの内容を動的に更新するには {TX-PL-LABEL}lt;VARIABLE_NAME>.value 構文を使用します。

Notes & Links ウィジェットエディタの Markdown フィールドでテンプレート変数を使用する

この例では、$env.value が選択された環境に対するリンクの値を更新します。

API

このウィジェットは Dashboards API で使用できます。ウィジェット JSON スキーマ定義については、以下の表を参照してください。

Expand All

フィールド

種類

説明

background_color

string

Background color of the note.

content [required]

string

Content of the note.

font_size

string

Size of the text.

has_padding

boolean

Whether to add padding or not.

default: true

show_tick

boolean

Whether to show a tick or not.

text_align

enum

How to align the text on the widget. Allowed enum values: center,left,right

tick_edge

enum

Define how you want to align the text on the widget. Allowed enum values: bottom,left,right,top

tick_pos

string

Where to position the tick on an edge.

type [required]

enum

Type of the note widget. Allowed enum values: note

default: note

vertical_align

enum

Vertical alignment. Allowed enum values: center,top,bottom

{
  "background_color": "string",
  "content": "",
  "font_size": "string",
  "has_padding": false,
  "show_tick": false,
  "text_align": "string",
  "tick_edge": "string",
  "tick_pos": "string",
  "type": "note",
  "vertical_align": "string"
}

その他の参考資料

PREVIEWING: rtrieu/product-analytics-ui-changes