ボタンダイアログ

概要

Avonni Button Dialog コンポーネントは、モーダルダイアログを起動する Salesforce Experience Cloud 向けのカスタマイズ可能なインターフェース要素です。

このコンポーネントは通常、追加情報の提示、ユーザー入力の促し、ビデオの表示、または現在のページから移動せずに確認メッセージを表示するために使用されます。

Avonni Button Dialog の構成

Button Dialog を素晴らしくする方法

  1. コンポーネントを追加: Avonni Button Dialog コンポーネントを見つけて、ウェブサイトにドラッグします。

  2. 見た目を良くする: ボタンのテキスト(ラベル)、色のスタイル(バリアント)、およびその他の視覚的な詳細を変更できます。

  3. クリックして作成: ボタンをクリックするとポップアップボックス(モーダル)が表示されます。このボックスには Avonni Video コンポーネントなど、さまざまな便利な要素をドラッグできます。

追加設定

  • ヘッダーを非表示: ポップアップボックスの上部にあるタイトルバーを削除します。

  • サイズ: ポップアップボックスの大きさ(大・小)を選択します。

  • フッターを表示: ポップアップの下部にセクションを追加します — 「OK」や「キャンセル」のようなボタンに最適です。

  • コンテンツ引き込みパディング: ボックス内部のコンテンツとボックス端の間のスペースを制御します。

設定

名前
説明

ラベル

ボタンに表示されるテキスト。

アイコン名

ボタンに表示するアイコンの Lightning Design System 上の名前。

アイコン位置

ラベルに対するアイコンの位置。オプションは「left」または「right」です。

バリアント

Salesforce Design System の事前定義スタイルに従って、'brand'、'neutral' などボタンの外観を定義します。

水平方向の配置

コンテナ内でボタンを水平方向に配置します。オプションは「left」、「center」、「right」などです。

ストレッチ

ボタンがコンテナの幅を埋めるように拡張するかどうかを決定します。

無効化

ボタンを無効にしてユーザー操作を防ぎます。

最終更新

役に立ちましたか?