ボタンコンポーネント

スクリプト ページのボタン コンポーネントは、アクションをトリガーするクリック可能なボタンを追加します。ボタンを使用すると、警告メッセージを表示したり、別のページに移動したり、変数の値を設定したり、カスタムアクションをトリガーしたりできます。

  1. クリックボタンコンポーネント ツールバーで。 
  2. 既定のラベルを [送信] から、クリックしたときのアクションを示すものに変更します。
  3. ボタンのアクションを設定するには、一般プロパティ パネルで。次に、アクションを クリックアクション リスト。以前に定義したアクションを割り当てるか、新しいアクションを作成します。 
  4. 閉じて、 アクションの選択 リスト。
  5. 必要に応じて、コンポーネントのプロパティを設定します。

一般


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

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

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

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

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

クリック アクション プロパティを使用すると、ボタン、リンク、または画像がクリックされたときに実行するアクションを選択できます。

メニューを使用して、アクションで URL を開くか、別の種類のアクションを実行するかを選択します。

  • を選択した場合 URL、url を入力するか、URL を含む文字列変数を選択するように求められます。 URL は HTTP または HTTPS プロトコルを使用できます。
  • を選択した場合 アクション、スクリプターアクション、アウトバウンドアクション、またはカスタムアクションの選択を求めるプロンプトが表示されます。 選択することもでき 操作なし 以前に選択したアクションの割り当てを解除する。

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

  • デフォルト—デフォルトの色を割り当てます。
  • 色—一般的な色のパレットから選択することも、RGB 値を入力するかカラー ピッカーを新しいスペクトルの位置に移動して独自の色を選択することもできます。テキストと背景の色の設定は、「外観」パネルのプロパティです。このプロパティ パネルは、カラー機能を持つコンポーネントでのみ使用できます。
  • 変数—文字列変数に格納されている色を割り当てます。
    変数の例:濃い青を割り当てるには:
    1. クリック変数タブ。
    2. クリック変数を追加変数を追加します。
    3. 選択 文字列 新しい変数が格納する値の型として。
    4. わかりやすい名前を入力してください名前箱。
    5. セットデフォルト値0000FF または #0000FF になります。これは濃い青の 16 進コードです。
    6. 適用するをクリックします。
    7. このカラープロパティに変数を割り当てます。

    スクリプトページの背景色を変更する

    ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。

    • ブレッドクラムバーで、ルートコンテナーアイコンをクリックします。
    • 「共通」または「外観」の下で、異なる背景色を割り当てます。

レイアウト

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

  • 自動サイズ調整コンポーネントがその内容に応じて縮小または拡大するように構成します。たとえば、ラベルの幅は、含まれるテキストの量に応じて大きくなります。
  • ストレッチ重み付けを使用してサイズ調整に影響を与えることで、コンポーネントが他のコンポーネントに比べて可能な限り多くのスペースを消費できるようにします。
    注記：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。

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

  1. 余白の値フィールドをクリックします。 そのフィールドにスピン コントロールが表示されます。
  2. スピン コントロールを使用して、余白を増減します。 
  3. すべてのマージン値を一度に更新するには、すべて設定プロパティ パネルの Margin ボタンをクリックします。

Visible プロパティは、ブール値 (True または False) 変数または式の値に基づいてコンポーネントの可視性を設定します。

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

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

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

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

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

外観

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

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

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

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

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

  • デフォルト—デフォルトの色を割り当てます。
  • 色—一般的な色のパレットから選択することも、RGB 値を入力するかカラー ピッカーを新しいスペクトルの位置に移動して独自の色を選択することもできます。テキストと背景の色の設定は、「外観」パネルのプロパティです。このプロパティ パネルは、カラー機能を持つコンポーネントでのみ使用できます。
  • 変数—文字列変数に格納されている色を割り当てます。
    変数の例:濃い青を割り当てるには:
    1. クリック変数タブ。
    2. クリック変数を追加変数を追加します。
    3. 選択 文字列 新しい変数が格納する値の型として。
    4. わかりやすい名前を入力してください名前箱。
    5. セットデフォルト値0000FF または #0000FF になります。これは濃い青の 16 進コードです。
    6. 適用するをクリックします。
    7. このカラープロパティに変数を割り当てます。

    スクリプトページの背景色を変更する

    ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。

    • ブレッドクラムバーで、ルートコンテナーアイコンをクリックします。
    • 「共通」または「外観」の下で、異なる背景色を割り当てます。

アクセシビリティ

ライブリージョンは、スクリーン リーダーがコンポーネント内のすべてのコンテンツの変更を自動的に通知できるようにする、はい/いいえの切り替えです。

詳細

クリック アクション プロパティを使用すると、ボタン、リンク、または画像がクリックされたときに実行するアクションを選択できます。

メニューを使用して、アクションで URL を開くか、別の種類のアクションを実行するかを選択します。

  • を選択した場合 URL、url を入力するか、URL を含む文字列変数を選択するように求められます。 URL は HTTP または HTTPS プロトコルを使用できます。
  • を選択した場合 アクション、スクリプターアクション、アウトバウンドアクション、またはカスタムアクションの選択を求めるプロンプトが表示されます。 選択することもでき 操作なし 以前に選択したアクションの割り当てを解除する。

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

  1. True/False 変数を作成するには、[ 変数 ] タブ。
  2. Add をクリックして、変数を追加します。
  3. 選択 True/False データ型として。
  4. 名前 ボックスに、説明的な名前を入力します。
  5. デフォルト値を設定する真実または間違い。
    • この変数がTrueの場合、そのコンポーネントは無効となる。
    • この変数が False の場合、そのコンポーネントは有効である。
  6. 変数を保存するには、Apply をクリックします。
  7. 変数を無効財産。下に無効、 クリック変数を選択。
  8. True/False 変数を選択します。

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