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

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

ノート & リンクウィジェットは、フリーテキストウィジェットに似ていますが、より多くの書式オプションを利用できます。

セットアップ

  1. 表示したいテキストを入力します。マークダウンがサポートされています。
  2. テキストサイズとノートの背景色を選択します。
  3. ポインターの位置を選択します。

このウィジェットはテンプレート変数をサポートします。$<VARIABLE_NAME>.value 構文を使用して、ウィジェットのコンテンツを動的に更新します。たとえば、$env.value は、選択した環境へのリンクの値を更新します。

ノートおよびリンクウィジェットテンプレート変数

API

このウィジェットは、ダッシュボード API とともに使用できます。詳しくは、ダッシュボード 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.

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

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"
}

その他の参考資料

お役に立つドキュメント、リンクや記事:

スクリーンボードドキュメント more more Timeboardsドキュメント more more JSON を使用したダッシュボードの構築ドキュメント more more