AX - ボタン ダイアログ

概要

AX - ボタン ダイアログ は、Experience Sites ページでクリックするとモーダルポップアップを開き、ユーザーを現在のページから移動させずにコンテンツを表示する Experience Cloud コンポーネントです。

追加の詳細、動画コンテンツ、確認メッセージ、フォーム、またはオーバーレイで表示される警告を示すために使用します。Experience Builder でポップアップのコンテンツを作成するには、Experience Cloud コンポーネントをモーダル内に配置します。

「詳細はこちら」の説明、動画デモ、利用規約、確認プロンプト、またはポータルの現在のページ上に一時的に表示する必要があるあらゆるコンテンツに最適です。

---

Avonni ボタン ダイアログの設定

ボタン ダイアログを魅力的にする

1. コンポーネントを追加する: Avonni Button Dialog コンポーネントを見つけて、Web サイトにドラッグします。
2. 見栄えを良くする: ボタンのテキスト（ラベル）、色スタイル（バリアント）、および好みのその他の表示詳細を変更できます。
3. クリックして作成する: ボタンをクリックすると、ポップアップボックス（モーダル）が表示されます。Avonni Video Component やその他の便利なものなど、さまざまな要素をこのボックスにドラッグできます。

追加設定

• ヘッダーを非表示にする: これにより、ポップアップボックス上部のタイトルバーが削除されます。
• サイズ： ポップアップボックスのサイズを選択します。
• フッターを表示する: ポップアップの下部にセクションを追加します。たとえば、「OK」や「キャンセル」ボタンに最適です。
• コンテンツの内側余白: これは、ボックス内の要素とボックスの端との間隔を制御します。

---

設定

ボタンの設定

名前	説明
ラベル	ボタンに表示されるテキスト。
アイコン名	ボタンに表示するアイコンの Lightning Design System 名です。
アイコンの位置	ラベルに対するアイコンの位置。オプションは「left」または「right」です。
バリアント	Salesforce Design System の定義済みスタイルに従って、「brand」「neutral」などのボタンの外観を定義します。
水平方向の配置	コンテナ内でボタンを水平方向に配置します。オプションは「left」「center」「right」です。
ストレッチ	ボタンがコンテナの幅いっぱいに広がるかどうかを決定します。
無効	ボタンを無効にし、ユーザーの操作を防ぎます。

ダイアログの設定

🎨 スタイリング