ラジオボタンスクリプトコンポーネント


ラジオボタンは許可ユーザー 1つを選択するためにオプション選択肢のセットから。

  1. クリック ラジオボタン コンポーネントツールバーのアイコン。 

  2. 変更 テキスト 「ラベル」をより適切な説明に置き換えるプロパティ。オプションで変数の値を埋め込むには、キューブアイコンをクリックします。

  3. ページにラジオボタンを追加するには、手順1と2を繰り返します。

    より多くのラジオボタン

  4. ラジオボタンを選択した状態で、クリックします 高度な。未満 、文字列変数を選択します。ユーザー実行時にこのボタンをクリックすると、変数に一意の値が格納されます。必要に応じて、をクリックします 新しい変数を作成 新しい変数を定義します。

    重要—同じものを割り当てる セット内のすべてのラジオボタンの変数。

  5. に一意の文字列を入力します 選択された値のテキスト ボックス。このテキストは、エージェントが行った選択を示します。例えば、 私の選択 保管するかもしれない 30歳未満 とき 30歳未満 ラジオボタンがクリックされます。逆に、その値を 30歳以上 いつ 30以上 クリックされます。

    set_radio_button_value2

    重要—別の 選択された値のテキスト セット内の各ラジオボタンに。

    ヒント: 選択した値のテキストを表示するには、ページに読み取り専用のテキストコンポーネントを追加します。次に、キューブアイコンをクリックして、割り当てた変数を選択します

    図は、ラジオボタンがクリックされたときに割り当てられた値を表示する方法を示しています。

    クリック プレビュー。各ラジオボタンをクリックすると、変数の値が変わります。

    図は、フォームがプレビューされるときの変数の値を示しています。

    この手法の詳細については、 中括弧を使用して変数値を表示する

  6. オプションで、エージェントがラジオボタンをクリックしたときに実行するアクションを割り当てます。で 高度な タブ 、下 アクションを変更、クリック アクションが選択されていません。 

    メモ:ラジオボタンに割り当てられた変数の値が変更されるたびに、ラジオボタンに割り当てられた変更アクションが実行されます。たとえば、4つのラジオボタンが同じ変数に関連付けられているセットの一部である場合、エージェントがセット内の4つのボタンのいずれかを選択するたびに、4つの変更アクションがすべて実行されます。したがって、ラジオボタンごとに異なる変更アクションを割り当てるのではなく、ラジオボタンでカスタムアクションを使用することをお勧めします。
  7. オプションで、他のプロパティを設定します。

    一般



    フォント設定はテキストの外観を変更します。フォント フェイスとサイズを変更します。太字、斜体、下線を組み合わせて適用します。囲まれているコンテナー内のテキストを両端揃えにします。

    アイテム 説明

    フォント フェイス

    選択可能なフォントのリストを表示します。次に、コントロールのすべてのテキストを選択したタイプフェイスに設定します。

    font-size

    フォントサイズを選択したポイント数に設定します。

    font-bold

    コンポーネント内のテキストに太字の太さを適用します。

    font-italic

    コンポーネント内のテキストに斜体のフォントスタイルを適用します。

    font-underline

    コンポーネント内のテキストに下線を引きます。
    justification-left 親コンテナに対してコンポーネントを左寄せにします。
    justification-center 親コンテナに対してコンポーネントを中央揃えにします。
    justification-right 親コンテナに対してコンポーネントを右寄せにします。



    テキストの色を次のいずれかに設定します。

    settings-bg-color-popup2
    • 既定: 既定の色を割り当てます。

    • : 一般的な色のパレットから選択するか、RGB 値を入力するか、またはカラーピッカーを新しいスペクトラム位置に移動することによって、独自のカラーを選択することができます。クリック 選択 現在の選択を割り当てます。

      settings-text-color-popup-colors

    • 変数: 文字列変数に格納されている色を割り当てます。例えば、濃青色を割り当てるには、以下の手順を実行します。

      1. クリックし、 変数 ] タブ。

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

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

      3. 選択 文字列 新しい変数が格納する値の型として。

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

      5. 設定 デフォルトの開拓E 0000FF または #0000FF するには-ダークブルーの16進数コードです。

        select-color-in-variable

      6. 適用するをクリックします。
      7. このカラープロパティに変数を割り当てます。

        mycolor-variable




    複数のコンポーネントには、通常、デザインモードでコンポーネントをダブルクリックすることによって変更できるテキストプロパティがあります。

    • ボタン: ダブルクリックして、[送信] を別の名前に変更します。

    • ラジオボタン または Checkbox: ダブルクリックすると、ラベルがよりわかりやすい名前に変更されます。

    • 読み取り専用テキスト-読み取り専用テキストコンポーネントに表示されるテキストを変更するには、コンポーネントをクリックし、ボックスにテキストを入力します。



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

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

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




    で設定されたテキスト 選択した値 プロパティはバウンドに割り当てられます ときの文字列変数 ラジオボタン が選択されます。バインドされた変数は、「値」設定を使用して構成されます。

    たとえば、フォームに2つのラジオボタンがあり、両方がmyChoiceという名前の文字列変数にバインドされているとします。最初のラジオボタンの選択した値のテキストは、「犬」、第二「猫」であれば、でランタイム myMyChoiceの値は次のとおりです。

    選択値の例

    • ラジオボタンが選択されるまでのMyChoiceのデフォルト値。

    • 最初のラジオボタンが選択されたときに「犬」。

    • 2番目のラジオボタンが選択されている場合は「猫」。

    作業をテストする

    埋め込む場合 {{MyChoice}} テキストフィールドで、プレビューモードでの動作を確認できます。ページに変数を表示する方法に慣れていない場合は、 中括弧を使用して変数値を表示する

    プレビュー前の選択値

    プレビューモードでは、ラジオボタンが選択されている場合、MyChoiceの値は「犬」または「猫」です。

    選択された値のプロパティのプレビュー



    レイアウト



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

    設定 説明
    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."}} これにより、各ラジオ ボタンは同じ変数に別の値を割り当てることができます。

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




    で設定されたテキスト 選択した値 プロパティはバウンドに割り当てられます ときの文字列変数 ラジオボタン が選択されます。バインドされた変数は、「値」設定を使用して構成されます。

    たとえば、フォームに2つのラジオボタンがあり、両方がmyChoiceという名前の文字列変数にバインドされているとします。最初のラジオボタンの選択した値のテキストは、「犬」、第二「猫」であれば、でランタイム myMyChoiceの値は次のとおりです。

    選択値の例

    • ラジオボタンが選択されるまでのMyChoiceのデフォルト値。

    • 最初のラジオボタンが選択されたときに「犬」。

    • 2番目のラジオボタンが選択されている場合は「猫」。

    作業をテストする

    埋め込む場合 {{MyChoice}} テキストフィールドで、プレビューモードでの動作を確認できます。ページに変数を表示する方法に慣れていない場合は、 中括弧を使用して変数値を表示する

    プレビュー前の選択値

    プレビューモードでは、ラジオボタンが選択されている場合、MyChoiceの値は「犬」または「猫」です。

    選択された値のプロパティのプレビュー




    すべてのコンポーネントはデフォルトで有効になっています。無効にしたプロパティは、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アクション、またはカスタムアクションを選択できます。アウトバウンド アクションは、アウトバウンド プロパティが有効になっていない限り、利用できません。



    表示方式



    フォント設定はテキストの外観を変更します。フォント フェイスとサイズを変更します。太字、斜体、下線を組み合わせて適用します。囲まれているコンテナー内のテキストを両端揃えにします。

    アイテム 説明

    フォント フェイス

    選択可能なフォントのリストを表示します。次に、コントロールのすべてのテキストを選択したタイプフェイスに設定します。

    font-size

    フォントサイズを選択したポイント数に設定します。

    font-bold

    コンポーネント内のテキストに太字の太さを適用します。

    font-italic

    コンポーネント内のテキストに斜体のフォントスタイルを適用します。

    font-underline

    コンポーネント内のテキストに下線を引きます。
    justification-left 親コンテナに対してコンポーネントを左寄せにします。
    justification-center 親コンテナに対してコンポーネントを中央揃えにします。
    justification-right 親コンテナに対してコンポーネントを右寄せにします。



    テキストの色を次のいずれかに設定します。

    settings-bg-color-popup2
    • 既定: 既定の色を割り当てます。

    • : 一般的な色のパレットから選択するか、RGB 値を入力するか、またはカラーピッカーを新しいスペクトラム位置に移動することによって、独自のカラーを選択することができます。クリック 選択 現在の選択を割り当てます。

      settings-text-color-popup-colors

    • 変数: 文字列変数に格納されている色を割り当てます。例えば、濃青色を割り当てるには、以下の手順を実行します。

      1. クリックし、 変数 ] タブ。

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

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

      3. 選択 文字列 新しい変数が格納する値の型として。

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

      5. 設定 デフォルトの開拓E 0000FF または #0000FF するには-ダークブルーの16進数コードです。

        select-color-in-variable

      6. 適用するをクリックします。
      7. このカラープロパティに変数を割り当てます。

        mycolor-variable