Notes & Links ウィジェットは、フリーテキストウィジェットと似ていますが、より多くのフォーマットと表示オプションが含まれています。
注: Notes & Links ウィジェットはインライン HTML をサポートしていません。
セットアップ
- 表示したいテキストを入力します。マークダウンがサポートされています。
- プリセットのテンプレートを選択するか、表示オプションをカスタマイズします。
- 文字サイズとウィジェットの背景色を選択します。
- テキストの位置を調整するには、Alignment ボタンをクリックします。パディングを入れない場合は、No Padding をクリックします。
- ポインターを含めるには、Show Pointer をクリックし、ドロップダウンメニューから位置を選択します。
ウィジェットを作成する準備ができたら、Save をクリックします。
このウィジェットはテンプレート変数をサポートしています。ウィジェットの内容を動的に更新するには {TX-PL-LABEL}lt;VARIABLE_NAME>.value
構文を使用します。
この例では、$env.value
が選択された環境に対するリンクの値を更新します。
API
このウィジェットは Dashboards API で使用できます。ウィジェット JSON スキーマ定義については、以下の表を参照してください。
Expand All
Background color of the note.
Whether to add padding or not.
default: true
Whether to show a tick or not.
How to align the text on the widget.
Allowed enum values: center,left,right
Define how you want to align the text on the widget.
Allowed enum values: bottom,left,right,top
Where to position the tick on an edge.
Type of the note widget.
Allowed enum values: note
default: note
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"
}
その他の参考資料