ドロップダウンスクリプトコンポーネント


ドロップダウンリストを使用すると、エージェントはリストから1つを選択できます。ドロップダウンが非アクティブの場合、最後に選択された値またはバインドされている変数のデフォルト値が表示されます。

  1. クリック 落ちる コンポーネントツールバーのアイコン。

  2. を展開する 高度な プロパティグループ。

  3. から文字列変数を選択します 設定。実行時に、この変数はエージェントの選択を保存します。

    図は、変数をドロップダウンに関連付ける方法を示しています

  4. 選択するエージェントの選択を定義するには、をクリックします リストを編集 オプションの下。

    図は、編集リストポップオーバーを開くボタンを示しています

  5. 編集リスト が表示されます。ドロップダウンからリストアイテムを追加、編集、再配置、または削除するためのツールを提供します。クリック 新しいアイテムを追加

    図は、リスト項目が追加されていない、 デフォルト状態の編集リストポップオーバーを示しています。

  6. 下 、このアイテムが選択されたときに変数に保存する一意の値を入力します。

    ヒント-ドロップダウンアイテムの値とラベルには、補間された変数または通常のテキストを含めることができます。背景情報については、 中括弧を使用して変数値を表示する そして 組み込み変数

    図は、補間された変数の値を保存するドロップダウン項目を定義する方法を示しています。

  7. 表示、選択対象としてエージェントに表示されるテキストを入力します。

  8. 追加するをクリックします。

  9. 手順を繰り返します 4から8 リストに他のアイテムを追加します。

  10. リスト内のアイテムの位置を変更するには、上矢印と下矢印を使用します。

  11. 終了したら、リストを閉じます。

    実行時に、ドロップダウンリストにこれらの選択肢がエージェントに表示されます。以前に値が選択されていた場合は、チェックボックスで示されます。

    droplist_example2

  12. オプションで、このドロップダウンからアイテムが選択されたときに呼び出すアクションを選択します。クリック アクションが選択されていません 下 アクションを変更 コンポーネントのプロパティで。

  13. このコンポーネントの他のプロパティを設定します。

    一般



    値は、選択した変数にコンポーネントをバインドします。例えば、テキスト入力コンポーネントを変数にバインドすると、入力ボックスには常にその変数の値が表示され、指定したプレースホルダー テキストは無視されます。変数はユーザーが入力したテキストで自動的に更新されます。ただし、検証処理の対象となります。

    その他のコントロール、ラジオボタンなど、選択した値テキスト設定で値を使用します。{"error" :{"code" :400000,"message" :"One of the request inputs is not valid."}} これにより、各ラジオ ボタンは同じ変数に別の値を割り当てることができます。

    カレンダコントロールが変数にバインドされている場合、その値はコントロールによって選択された日付に設定されます。変数は視覚コントロールの値をプリセットしたり、コントロールにより設定できるため、バインドは頻繁に使用される強力な方法です。




    プレースホルダーテキストはにヒントを表示するユーザー 。

    プレースホルダープロパティの例

    テキスト入力のために、プレースホルダテキストがまで示されているユーザータイプ入力。ユーザー入力ボックスの内容をクリアすると、プレースホルダーテキストが再表示されます。

    プレースホルダーの表示例

    ドロップダウンの場合、プレースホルダーテキストはユーザー選択を促します。

    図は、ドロップダウンから選択が行われる前のプレースホルダーテキストを示しています

    後にプレースホルダが交換されるユーザーの項目を選択します。

    選択によるプレースホルダー置換

    ヒント: コンポーネントが変数にバインドされている場合、手動で入力したプレースホルダーテキストは無視されます。変数が選択されている場合、その値は常に表示されます。



    このプロパティは、ドロップダウンコンポーネントのみに適用されます。ドロップダウンからリストアイテムを追加または削除します。

    1. デフォルトでは、ドロップダウンにはアイテムがありません。ユーザーが選択する選択肢を追加するには、 高度な プロパティグループ。

      ドロップダウンアドバンスオプションボタン

    2. クリック リストを編集 オプションの下。

    3. クリック 新しいアイテムを追加

    4. アイテムごとに、表示するテキストと戻り値を構成します。

      新しいドロップリスト項目

      • セットする 一意の文字列または数値に。アイテムが選択されると、値はユーザーが選択したアイテムを示します。オプションで、変数によって値を割り当てることができます。

      • セットする 表示 テキストにユーザードロップダウンリストで選択することができます。オプションで、表示テキストを変数で割り当てることができます。

    5. クリック 追加 アイテムを保存します。

    6. 編集リスト ポップオーバーは追加されたアイテムを要約します。上/下矢印をクリックしてアイテムを並べ替えたり、ゴミ箱アイコンをクリックしてアイテムを削除したり、ドロップダウンにリストアイテムを追加したりできます。

      設定ドロップダウンオプションの例2

    7. クリック 新しいアイテムを追加 アイテムを追加します。

    8. 終了したら、閉じるボックスをクリックしてポップオーバーを閉じます。




    ユーザーが値を入力または選択する必要があるかどうかを指定します。既定値は No で、ユーザーの操作は省略可能です。

    ユーザインタフェースは、ユーザ入力がオプションであるかどうかを視覚的に示します。

     

    オプションの入力は、コンポーネントの下のラベルで示されます。

    要求-値-false



    レイアウト



    サイズ調整に影響する重み付けを使用して、幅を固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。

    設定 説明
    settings-sizing-auto-size 自動サイズ設定は、コンポーネントをその内容に従って縮小または拡大するように設定します。例えば、ラベルの幅はテキストの量に応じて拡大することができます。
    settings-sizing-stretch

    ストレッチでは、サイズ調整に影響を与えるために重み付けを使用して、コンポーネントが他のコンポーネントに比べてできるだけ多くのスペースを消費することができます。

    2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。この比率は、重量値を変更することによって調整できます。

    たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。最初のコンポーネントは、その重量が2番目のコンポーネントの重量の2倍であるため、他のコンポーネントのサイズの2倍になります。

    settings-sizing-pixels 固定サイズをピクセル単位で設定します。ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。コンポーネントにフォーカスがあると、これらの矢印が表示されます。



    サイズ調整に影響する重み付けを使用して、高さを固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。

    設定 説明
    settings-sizing-auto-size 自動サイズ設定は、コンポーネントをその内容に従って縮小または拡大するように設定します。
    settings-sizing-pixels 固定サイズをピクセル単位で設定します。ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。コンポーネントにフォーカスがあると、これらの矢印が表示されます。
    settings-sizing-stretch

    ストレッチでは、サイズ調整に影響を与えるために重み付けを使用して、コンポーネントが他のコンポーネントに比べてできるだけ多くのスペースを消費することができます。

    2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。この比率は、重量値を変更することによって調整できます。

    たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。最初のコンポーネントは、その重量が2番目のコンポーネントの重量の2倍であるため、他のコンポーネントのサイズの2倍になります。




    親コンテナを基準にして、コンポーネントを左、右、または中央に揃えます。

    ヒント: 親コンテナの高さ設定が 自動サイジング。これを修正するには、親コンテナのHeightをに設定します。 ストレッチ またはの一定の高さに ピクセル数
    設定
    align-left2 align-left-example2
    align-center2 align-center-example2
    align-right2 align-right-example2
    align-start align-start-example
    align-vertical-center align-vertical-center-example
    align-vertical-end align-vertical-end-example



    余白は、境界線の周囲の上下左右の間隔を設定します。

    画像は、余白、境界線、およびスペース設定の関係を示しています

    1. 必要に応じて一度にすべてのマージン値を更新するには、を押します。 すべて設定 プロパティパネルの[余白]ボタンをクリックします。

      すべて設定ボタンの画像

    2. 余白の値フィールドをクリックします。そのフィールドにスピン コントロールが表示されます。

    3. スピンコントロールを使用して、余白を増減します。もし すべて設定 を選択した場合、変更はすべての余白に適用されます。

      settings-margin-spinner

      コンポーネントは新しいマージン設定を使用してすぐに再配置されます。




    ブール(TrueまたはFalse)変数の値に基づいてコンポーネントの表示/非表示を設定します。

    1. クリック レイアウト プロパティグループVisibleの下にあるをクリック 変数を選択
    2. 変数を選択するか、オプションで新しいYes / No変数を作成してから、その新しい変数を 見える 財産。
    3. 実行時には、変数の値がTrueのときにコンポーネントが表示されます。逆に、変数の値が


    詳細設定



    値は、選択した変数にコンポーネントをバインドします。例えば、テキスト入力コンポーネントを変数にバインドすると、入力ボックスには常にその変数の値が表示され、指定したプレースホルダー テキストは無視されます。変数はユーザーが入力したテキストで自動的に更新されます。ただし、検証処理の対象となります。

    その他のコントロール、ラジオボタンなど、選択した値テキスト設定で値を使用します。{"error" :{"code" :400000,"message" :"One of the request inputs is not valid."}} これにより、各ラジオ ボタンは同じ変数に別の値を割り当てることができます。

    カレンダコントロールが変数にバインドされている場合、その値はコントロールによって選択された日付に設定されます。変数は視覚コントロールの値をプリセットしたり、コントロールにより設定できるため、バインドは頻繁に使用される強力な方法です。




    このプロパティは、ドロップダウンコンポーネントのみに適用されます。ドロップダウンからリストアイテムを追加または削除します。

    1. デフォルトでは、ドロップダウンにはアイテムがありません。ユーザーが選択する選択肢を追加するには、 高度な プロパティグループ。

      ドロップダウンアドバンスオプションボタン

    2. クリック リストを編集 オプションの下。

    3. クリック 新しいアイテムを追加

    4. アイテムごとに、表示するテキストと戻り値を構成します。

      新しいドロップリスト項目

      • セットする 一意の文字列または数値に。アイテムが選択されると、値はユーザーが選択したアイテムを示します。オプションで、変数によって値を割り当てることができます。

      • セットする 表示 テキストにユーザードロップダウンリストで選択することができます。オプションで、表示テキストを変数で割り当てることができます。

    5. クリック 追加 アイテムを保存します。

    6. 編集リスト ポップオーバーは追加されたアイテムを要約します。上/下矢印をクリックしてアイテムを並べ替えたり、ゴミ箱アイコンをクリックしてアイテムを削除したり、ドロップダウンにリストアイテムを追加したりできます。

      設定ドロップダウンオプションの例2

    7. クリック 新しいアイテムを追加 アイテムを追加します。

    8. 終了したら、閉じるボックスをクリックしてポップオーバーを閉じます。




    ユーザーが値を入力または選択する必要があるかどうかを指定します。既定値は No で、ユーザーの操作は省略可能です。

    ユーザインタフェースは、ユーザ入力がオプションであるかどうかを視覚的に示します。

     

    オプションの入力は、コンポーネントの下のラベルで示されます。

    要求-値-false




    すべてのコンポーネントはデフォルトで有効になっています。無効にしたプロパティは、True/False 変数をコンポーネントにバインドし、変数の実行時の値に基づいて無効または有効にします。

    1. True/False 変数を作成するには、[ 変数 ] タブ。

    2. クリック + 変数を追加します。

      図は、新しい変数を追加するボタンを示しています

    3. 選択 True/False データ型として。

      図は、変数のデータ タイプを示しています

    4. 名前ボックスにわかりやすい名前を入力します。

      currently-enabled-variable

    5. 既定値を設定する True または False.

      • 変数が True の場合、コンポーネントは無効になります。

      • 変数が False の場合、コンポーネントは有効になります。

    6. クリック 適用 変数を保存します。
    7. 無効にしたプロパティに変数を割り当てます。以下に 無効クリック 変数の選択.

      disabled-property-setting

    8. True/False 変数を選択します。

      currently-enabled-variable-selected

    9. 作業をテストするには、 プレビュー.



    変更アクション このコンポーネントの状態または値が変更されたときに実行されるアクションを設定することができます。

    Scripterアクション、Outboundアクション、またはカスタムアクションを選択できます。アウトバウンド アクションは、アウトバウンド プロパティが有効になっていない限り、利用できません。