チェックボックスコンポーネント
チェックボックス コンポーネントを使用すると、ユーザーは 2 つの選択肢から選択することができます。
- 管理をクリックします。
- 下 コンタクトセンタークリック スクリプト。
- クリックメニュー >デジタルとテレフォニー>インタラクションアセット>スクリプト。
- 編集するスクリプトの名前をクリックします。
- チェックボックス コンポーネントを追加するには、 Checkboxコンポーネント ツールバーに
- チェックボックスのテキストを変更するには、 ここにテキストを入力します。 を入力し、チェックボックスに付属のテキストを入力します。
- このコンポーネントのその他のプロパティを設定します。
一般
フォント設定はテキストの外観を変更します。 フォント フェイスとサイズを変更します。 太字、斜体、下線を組み合わせて適用します。 囲まれているコンテナー内のテキストを両端揃えにします。
Value プロパティは、選択した変数にコンポーネントをバインドします。例えば、テキスト入力コンポーネントを変数にバインドすると、入力ボックスには常にその変数の値が表示され、指定したプレースホルダー テキストは無視されます。変数は、検証処理に従って、ユーザーが入力したテキストで自動的に更新されます。
その他のコントロール、ラジオボタンなど、選択した値テキスト設定で値を使用します。 {"error" :{"code" :400000,"message" :"One of the request inputs is not valid."}} これにより、各ラジオ ボタンは同じ変数に別の値を割り当てることができます。
カレンダコントロールが変数にバインドされている場合、その値はコントロールによって選択された日付に設定されます。 変数は視覚コントロールの値をプリセットしたり、コントロールにより設定できるため、バインドは頻繁に使用される強力な方法です。
複数のコンポーネントには、通常、デザインモードでコンポーネントをダブルクリックすることによって変更できるテキストプロパティがあります。
-
ボタン: ダブルクリックして、[送信] を別の名前に変更します。
-
ラジオボタン または Checkbox: ダブルクリックすると、ラベルがよりわかりやすい名前に変更されます。
- 読み取り専用テキスト-読み取り専用テキストコンポーネントに表示されるテキストを変更するには、コンポーネントをクリックし、ボックスにテキストを入力します。
テキストの色を次のいずれかに設定します。
背景またはテキストの色を次のいずれかに設定します。
- デフォルト—デフォルトの色を割り当てます。
- 色—一般的な色のパレットから選択することも、RGB 値を入力するかカラー ピッカーを新しいスペクトルの位置に移動して独自の色を選択することもできます。テキストと背景の色の設定は、「外観」パネルのプロパティです。このプロパティ パネルは、カラー機能を持つコンポーネントでのみ使用できます。
- 変数—文字列変数に格納されている色を割り当てます。 変数の例:濃い青を割り当てるには:
- クリック変数タブ。
- クリック変数を追加変数を追加します。
- 選択 文字列 新しい変数が格納する値の型として。
- わかりやすい名前を入力してください名前箱。
- セットデフォルト値0000FF または #0000FF になります。これは濃い青の 16 進コードです。
- 適用するをクリックします。
- このカラープロパティに変数を割り当てます。
スクリプトページの背景色を変更する
ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。
- ブレッドクラムバーで、ルートコンテナーアイコンをクリックします。
- 「共通」または「外観」の下で、異なる背景色を割り当てます。
レイアウト
サイズ調整に影響する重み付けを使用して、幅を固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。
- 自動サイズ調整コンポーネントがその内容に応じて縮小または拡大するように構成します。たとえば、ラベルの幅は、含まれるテキストの量に応じて大きくなります。
- ストレッチ重み付けを使用してサイズ調整に影響を与えることで、コンポーネントが他のコンポーネントに比べて可能な限り多くのスペースを消費できるようにします。注記:2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。この比率は、重量値を変更することによって調整できます。たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。最初のコンポーネントの重量は 2 番目のコンポーネントの重量の 2 倍であるため、最初のコンポーネントは他のコンポーネントの 2 倍のサイズで表示されます。
- ピクセルピクセル単位で固定サイズを設定します。ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。これらの矢印は、コンポーネントにフォーカスがあるときに表示されます。
サイズ調整に影響する重み付けを使用して、高さを固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。
- 自動サイズ調整コンポーネントがその内容に応じて縮小または拡大するように構成します。たとえば、ラベルの幅は、含まれるテキストの量に応じて大きくなります。
- ストレッチ重み付けを使用してサイズ調整に影響を与えることで、コンポーネントが他のコンポーネントに比べて可能な限り多くのスペースを消費できるようにします。注記:2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。この比率は、重量値を変更することによって調整できます。たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。最初のコンポーネントの重量は 2 番目のコンポーネントの重量の 2 倍であるため、最初のコンポーネントは他のコンポーネントの 2 倍のサイズで表示されます。
- ピクセルピクセル単位で固定サイズを設定します。ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。これらの矢印は、コンポーネントにフォーカスがあるときに表示されます。
親コンテナを基準にして、コンポーネントを左、右、または中央に揃えます。
Auto Sizing。これを修正するには、親コンテナの高さをStretchまたは固定の高さにPixels。余白は、境界線の周囲の上下左右の間隔を設定します。
- 余白の値フィールドをクリックします。 そのフィールドにスピン コントロールが表示されます。
- スピン コントロールを使用して、余白を増減します。
- すべてのマージン値を一度に更新するには、すべて設定プロパティ パネルの Margin ボタンをクリックします。
Visible プロパティは、ブール値 (True または False) 変数または式の値に基づいてコンポーネントの可視性を設定します。
変数に基づいて Visible プロパティを設定するには:
- クリックレイアウト不動産グループプロパティパネル。
- 下見える、 クリック変数を選択。
- 変数を選択するか、オプションで新しいYes / No変数を作成してから、その新しい変数を 見える 財産。
- 実行時には、変数の値がTrueのときにコンポーネントが表示されます。 逆に、変数の値が 偽。
式に基づいて Visible プロパティを設定するには:
- クリックレイアウト不動産グループプロパティパネル。
- 「表示」の下で、真偽表現。
- [変数の挿入] ボックスに式を入力します。
実行時に、式が True の場合にコンポーネントが表示されます。式が間違い。
詳細
Value プロパティは、選択した変数にコンポーネントをバインドします。例えば、テキスト入力コンポーネントを変数にバインドすると、入力ボックスには常にその変数の値が表示され、指定したプレースホルダー テキストは無視されます。変数は、検証処理に従って、ユーザーが入力したテキストで自動的に更新されます。
その他のコントロール、ラジオボタンなど、選択した値テキスト設定で値を使用します。 {"error" :{"code" :400000,"message" :"One of the request inputs is not valid."}} これにより、各ラジオ ボタンは同じ変数に別の値を割り当てることができます。
カレンダコントロールが変数にバインドされている場合、その値はコントロールによって選択された日付に設定されます。 変数は視覚コントロールの値をプリセットしたり、コントロールにより設定できるため、バインドは頻繁に使用される強力な方法です。
すべてのコンポーネントはデフォルトで有効になっています。 無効にしたプロパティは、True/False 変数をコンポーネントにバインドし、変数の実行時の値に基づいて無効または有効にします。
- True/False 変数を作成するには、[ 変数 ] タブ。
- Add をクリックして、変数を追加します。
- 選択 True/False データ型として。
- 名前 ボックスに、説明的な名前を入力します。
- デフォルト値を設定する真実または間違い。
- この変数がTrueの場合、そのコンポーネントは無効となる。
- この変数が False の場合、そのコンポーネントは有効である。
- 変数を保存するには、Apply をクリックします。
- 変数を無効財産。下に無効、 クリック変数を選択。
- True/False 変数を選択します。
作業をテストするには、 プレビュー.
の 変更アクション このコンポーネントの状態または値が変更されたときに実行されるアクションを設定することができます。
Scripterアクション、Outboundアクション、またはカスタムアクションを選択できます。 アウトバウンド アクションは、アウトバウンド プロパティが有効になっていない限り、利用できません。
詳細
フォント設定はテキストの外観を変更します。 フォント フェイスとサイズを変更します。 太字、斜体、下線を組み合わせて適用します。 囲まれているコンテナー内のテキストを両端揃えにします。
テキストの色を次のいずれかに設定します。
背景またはテキストの色を次のいずれかに設定します。
- デフォルト—デフォルトの色を割り当てます。
- 色—一般的な色のパレットから選択することも、RGB 値を入力するかカラー ピッカーを新しいスペクトルの位置に移動して独自の色を選択することもできます。テキストと背景の色の設定は、「外観」パネルのプロパティです。このプロパティ パネルは、カラー機能を持つコンポーネントでのみ使用できます。
- 変数—文字列変数に格納されている色を割り当てます。 変数の例:濃い青を割り当てるには:
- クリック変数タブ。
- クリック変数を追加変数を追加します。
- 選択 文字列 新しい変数が格納する値の型として。
- わかりやすい名前を入力してください名前箱。
- セットデフォルト値0000FF または #0000FF になります。これは濃い青の 16 進コードです。
- 適用するをクリックします。
- このカラープロパティに変数を割り当てます。
スクリプトページの背景色を変更する
ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。
- ブレッドクラムバーで、ルートコンテナーアイコンをクリックします。
- 「共通」または「外観」の下で、異なる背景色を割り当てます。
