ボタン#

ダッシュボードのインターフェースにクリック可能なボタンを追加し、アクションをトリガーすることができます。

#ボタン要素の追加

ダッシュボードを編集したいセクションにマウスを合わせます。追加できる要素のリストを取得するには、「+」ボタンをクリックし、「Basic UI」を選択し、「Button」を選択します。

#ボタン要素の設定

#シンプルな設定

インターフェースを使用すると、ボタンを簡単かつ直感的に設定できます。ボタンの次のパラメータを簡単に編集できます：

• テキスト：インターフェースに表示されるボタンのテキスト、例えば「ページを開く」または「次」です。
• クリック時：クリックがトリガーするアクション、これは通常、新しいダッシュボードページを開くトリガーです。
• クラス：ボタンが属するCSSクラス、スタイルなどの共有属性を適用する場合です。
• スタイル：ボタンに適用する特定のスタイル属性、例えば背景色やテキスト色（下記の例を参照）です。

#高度な設定

上記で作成したボタンのJSON設定は以下の通りです：

{
  "type": "button",
  "style": {
    "backgroundColor": "red",
    "alignContent": "middle"
  },
  "text": "testing",
  "onClick": "console.info(\"HelloWorld\")",
  "customclass": "test"
}

#結果