吹き出しコンポーネント

吹き出しコンポーネントは、ユーザーの操作によってユーザー データを収集します。

UI コンポーネントは、機能に基づいて、次のようなカテゴリにグループ化されます。

フォーム コンポーネントのカテゴリ	説明	フォーム コンポーネント
ベーシック	最もよく使用される吹き出しフィールドが含まれます。	テキスト フィールド テキスト領域 Number チェックボックス セレクト ボックス ラベル/ヘッダー ドロップダウン リスト ラジオ ボタン
Advanced (カスタム)	個人データまたは期間データが含まれます。	HTML 要素 コンテンツ URL 日付/時刻 Day (日) Time 通貨
レイアウト	フォームのレイアウトを変更する要素が含まれます。	列 パネル 表

カスタム吹き出しを作成するには、目的の UI コンポーネントをドラッグして右側のパネルにドロップし、ユースケースのロジックに合わせて配置します。

吹き出しコンポーネントをカスタマイズする

吹き出しコンポーネントをドロップすると、吹き出しデザイナーで設定ウィザードが開きます。設定ウィザードには、さまざまな機能をさらにカスタマイズできるタブが表示されます。ウィザードのプレビュー ペインで進行状況を確認します。

目的どおりにコンポーネントをデザインした後、[保存] をクリックします。

設定ウィザードに共通のタブで使用できる設定を以下の表に示します。

ウィザードのタブ	説明	特記事項
表示	このタブでは、吹き出しコンポーネントの表示方法を設定します。	必須の [ラベル] フィールドで設定した名前が、[フィールド キー] タブのプロパティ名として渡されます。
データ	このタブでは、テキスト フィールドでエンド ユーザーに表示される既定値を設定します。	複数の項目 (セレクト ボックス、タブなど) を含むコンポーネントの場合、このタブでそれらの項目を定義します。
検証	このタブでは、他の吹き出しコンポーネントを有効化するための検証要件を設定します。
フィールド キー	このタブでは、ワークフローで今後も使用するコンポーネント名を設定します。	既定では、この値は [表示] タブの [ラベル] フィールドから渡されます。
条件	このタブでは、コンポーネントの条件を設定します。	JavaScript や JSON 論理などの高度な条件を設定できます。
論理	このタブでは、条件をトリガーするロジックを設定します。

注:

• すべての吹き出しコンポーネントで、設定ウィザードのすべてのタブが使用できるわけではありません。
• コンテンツ コンポーネントはオフラインでは使用できません。リッチ テキスト エディターを読み込むために、インターネット経由で CDN を呼び出す必要があるからです。
• HTML 要素コンポーネントに画像を追加するには、画像を Base64 形式に変換する必要があります。

一部の吹き出しコンポーネントには、次のような特定のタブがあります。

コンポーネント	ウィザードのタブ	説明
日付/時刻	日付	このタブでは、選択可能な最小日付と最大日付を設定します。
	Time	このタブでは、時刻の時と分のインクリメントを設定します。
Day (日)	Day (日)	このタブでは、ビジネス ユーザーが日にちを選択する方法を設定します (インクリメンタルまたはドロップダウン リストから)。
	Month (月)	このタブでは、ビジネス ユーザーが月を選択する方法を設定します (インクリメンタルまたはドロップダウン リストから)。
	Year (年)	このタブでは、ビジネス ユーザーが年を選択する方法 (インクリメンタルまたはドロップダウン リストから)、および選択可能な最小年と最大年を設定します。

吹き出しコンポーネントを管理する

設定ウィザードを開き直すには、吹き出しコンポーネントにカーソルを合わせて [編集] をクリックします。

吹き出しコンポーネントを配置し直すには、[移動] をクリックして、吹き出しコンポーネントをフォーム内の別の場所にドラッグします。

JSON 設定を使用して吹き出しコンポーネントを編集するには、[JSON を編集] をクリックします。コンポーネント JSON が開き、使用可能なすべての設定が表示されます。

吹き出し内でコンポーネントをコピーして貼り付けるには、[コピー] をクリックしてから、同じコンポーネントまたは別のコンポーネントで [Paste below] をクリックします。

吹き出しからコンポーネントを削除するには、[削除] をクリックします。