ポータル スクリプト コンポーネント

ポータル コンポーネントは、スクリプト ページをスクリプトに埋め込みます。 スクリプトにスクリプト ページを埋め込むには、次の手順に従います。

  1. 管理をクリックします。
  2. コンタクトセンタークリック スクリプト
  3. クリックメニュー>チャンネル>インタラクションアセット>スクリプト
  4. スクリプトを作成するか、既存のスクリプトを開きます。
  5. コンポーネントツールバーから、ページ
  6. プロパティパネルで、一般グループ。 
  7. ページメニューを使用して、ページまたは変数スクリプトに埋め込みます。
    注記:「ページ」を選択した場合は、スクリプトのページを選択します。変数を選択した場合は、ページの名前を含む変数を選択します。
  8. コンポーネントのその他のプロパティを設定します。

レイアウトプロパティ

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

設定 説明
スクリプト・レイアウト・オート・サイジング 自動サイズ設定は、コンポーネントをその内容に従って縮小または拡大するように設定します。 例えば、ラベルの幅はテキストの量に応じて拡大することができます。
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 の場合にコンポーネントが表示されます。式が間違い