日付入力スクリプトコンポーネント

Date/timeは、日付と、オプションで時刻とタイムゾーンを選択するために使用できる入力コンポーネントです。 エージェントがスクリプトでコンポーネントをクリックすると、カレンダーが表示されます。 コンポーネントのプロパティによっては、時刻とタイムゾーンの入力フィールドが表示されることがあります。 変数には、エージェントが選択した日付と時刻が格納される。

  1. クリック 日付時刻コンポーネントのツールバーで。

  2. エージェントが選択した日付を変数に格納するには、Common プロパティグループを展開します。

  3. 、文字列変数を選択します。 これは、エージェントが日付コンポーネントを使用して選択した値を変数にバインドします。 エージェントが日付を選択すると、バインドされた変数にその日付が含まれます。 逆に、バインドされた変数の値が、ページが表示される前に設定されると、コンポーネントにはその変数の現在の値が表示されます。

     メモ:   

    たとえば、エージェントがカレンダーから 2017 年 8 月 8 日を選択した場合、バインドされた変数には次の DATETIME 値が格納されます。2017-08-07T00:00:00-0400 。 日付文字列の形式は次のとおりです。

    yyyy-mm-dd プラスT時間を示すhh:mm:ss形式で、その後に協定世界時 (UTC) へのオフセットが続きます。

  4. 日付、時刻、タイムゾーンの入力、または日付のみの入力を促すように入力制御を設定するには、Includes Time を有効または無効にします。

    いいえ

    このオプションを「いいえ」に設定すると、エージェントは日付を選択できますが、時刻やタイムゾーンを入力することはできません。 

    数字は、日付のみを求めるコントロールを示しています。

     はい

    このオプションをYesに設定すると、エージェントは日付、時刻、タイムゾーンを選択するためのプロンプトを受け取ります。

    図は、日付入力コントロールが、日付、時間、タイムゾーンを促しているところを示しています

    ヒント:   コールバック時間を設定するには、エージェントはコンタクトのタイムゾーンを選択する必要があります。

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

一般

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

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

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

変数を選択し、テキストを入力して、位置を選択してラベルを構成します。

時間を含む 設定では、 日付/時刻 日付、時刻、およびタイムゾーン、または日付のみを要求するコンポーネント。

いいえ

[いいえ] に設定すると、エージェントは日付のみを選択するように求められます。 クリックすると、エージェントが選ぶ日付のカレンダーのポップオーバーが表示されます。

数字は、日付のみを求めるコントロールを示しています。

 はい

Yes に設定すると、エージェントは日付、時刻、およびタイムゾーンを選択するように求められます。

図は、日付入力コントロールが、日付、時間、タイムゾーンを促しているところを示しています

ヒント:   コールバック時間を設定するとき、エージェントは連絡先のタイムゾーンを選択する必要があります。

ユーザーが値を入力または選択する必要があるかどうかを決定します。 デフォルトはFalseで、これはユーザーとの対話が任意であることを意味します。

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

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

レイアウト

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

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

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

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

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

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

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

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

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

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

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

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

ヒント:親コンテナの高さ設定がAuto Sizing。これを修正するには、親コンテナの高さをStretchまたは固定の高さにPixels
設定
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) 変数または式の値に基づいてコンポーネントの可視性を設定します。

変数に基づいて Visible プロパティを設定するには:

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

式に基づいて Visible プロパティを設定するには:

  1. クリックレイアウトプロパティ グループ。
  2. 「表示」の下で、真偽表現
  3. [変数の挿入] ボックスに式を入力します。

実行時に、式が True の場合にコンポーネントが表示されます。式が間違い

表示

以下を選択してラベル スタイルを構成します。

  • フォント
  • スタイル
  • サイズ
  • 正当化

詳細 

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

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

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

時間を含む 設定では、 日付/時刻 日付、時刻、およびタイムゾーン、または日付のみを要求するコンポーネント。

いいえ

[いいえ] に設定すると、エージェントは日付のみを選択するように求められます。 クリックすると、エージェントが選ぶ日付のカレンダーのポップオーバーが表示されます。

数字は、日付のみを求めるコントロールを示しています。

 はい

Yes に設定すると、エージェントは日付、時刻、およびタイムゾーンを選択するように求められます。

図は、日付入力コントロールが、日付、時間、タイムゾーンを促しているところを示しています

ヒント:   コールバック時間を設定するとき、エージェントは連絡先のタイムゾーンを選択する必要があります。

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

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

    2. Add をクリックして、変数を追加します。

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

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

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

    4. 名前 ボックスに、説明的な名前を入力します。

      currently-enabled-variable

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

      • この変数がTrueの場合、そのコンポーネントは無効となる。

      • この変数が False の場合、そのコンポーネントは有効である。

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

      disabled-property-setting

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

      currently-enabled-variable-selected

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

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

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

ユーザーが値を入力または選択する必要があるかどうかを決定します。 デフォルトはFalseで、これはユーザーとの対話が任意であることを意味します。

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

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