ようこそ > ユーザー インターフェイス > フォーム > ツールボックス > 一般的なコントロール > コントロールのデザイン プロパティ

コントロールのデザイン プロパティ

タブ インデックス、高さ、幅、スタイルなどのコントロールのデザイン プロパティを構成します。

名前 説明

[タブ インデックス]

ユーザーが TAB キーを押した場合にコントロールが選択される順序を定義します。たとえば、タブ インデックスが 1 に設定されている場合、フォームを開くとコントロールが選択されます。タブ インデックスが 2 に設定されている場合、タブを 2 回クリックしてコントロールを選択する必要があります。

タブ インデックスが 0 に設定されている場合、コントロールはフォーカスを取得しますが、フォーカスはブラウザのタブの順序に基づきます。フォーム設定を参照してください。

注 タブ インデックス プロパティは、ケース ヘルスおよびプロセス ビューア コントロールでは使用できません。

[幅モード]

コントロールの幅は、[固定] (ピクセル単位) または [パーセント] (ブラウザ ウィンドウを基準) にすることができます。(デフォルト: パーセント)

注

  • [パーセント] の幅モードを選択すると、[最小幅] オプションが使用可能になります。(デフォルト値: 0)

    1. コントロールの最小サイズを設定できます。

    2. このオプションは、タッチ コントロールおよび非タッチ コントロール、入力タイプ、見出しで使用できます。

    注 実行時に (最小幅を設定した後で) フォームを表示して、ブラウザのサイズを変更すると、ウィンドウに比例してコントロールのサイズが変更されますが、最小幅より小さいサイズに設定されることはありません。

  • コントロールのパーセント オプションは、フォームの幅がパーセント モードに設定されている場合にのみ使用できます。TotalAgility では、次のようなコントロールに対するパーセント幅がサポートされています。行、セル、ラベル、テキスト ボックス、カレンダー、ボタン、ドロップダウン リスト、ラジオ ボタン リスト、チェック ボックス、テーブル、イメージ、Web capture、ハイパーリンク。

  • デスクトップ フォームで幅のパーセントを使用する場合、コントロールのデフォルトの幅は次のとおりです。

    コントロール 幅 (%)

    ラベル、テキスト ボックス、チェック ボックス、ドロップダウン リスト、カレンダー、ラジオ ボタン リスト、ハイパーリンク、ファイルのアップロード、ジョブ アクション ボタン、アクティビティ アクション ボタン、言語セレクタ、概要およびリソース ツリー

    70

    ボタン (ボタン コントロールに小さい幅を適用すると、テキストが中央からずれて表示される場合があります)。詳細については、「ボタン コントロールの中心からずれて表示されるテキスト」を参照してください。

    20

    イメージ

    50

    キャプチャ コントロールを含む他のすべてのコントロール

    100

  • フォームの幅モードをパーセントとして設定し、以前のバージョンからフォームをアップグレードまたはインポートすると、コントロールの幅モードはデフォルトでパーセントになります。ただし、必要に応じて幅モードを固定幅に変更できます。

  • フォームの幅モードを固定に設定して、以前のバージョンからフォームをアップグレードまたはインポートすると、コントロールの幅モードはデフォルトで固定になり、変更できません。

  • キャプチャ テキスト フィールドの幅を 100% に設定すると、検証アイコン用のスペースがなくなります。アイコンを表示するには、右マージンを 20 ピクセル以上に設定する必要があります。

  • 固定幅コントロールを使用してパーセント形式を構成する際に、画面が小さすぎて幅が収まりきらない場合、コントロールは一部がカットされます。

  • 固定幅を使用する場合、指定した幅がコントロールの各部分に適用されます。たとえば、ラベルを 100px に設定し、テキスト ボックスが 150px に設定している場合、コントロールの合計幅は 250px になります。パーセントを使用する場合、幅には固定幅のラベルが含まれます。たとえば、テキスト ボックスが 100px のラベルで 40% に設定されている場合、ラベルには常に 100px が使用され、テキスト ボックスにはコントロールで使用可能な残りのスペースが使用されます。

  • 固定モードのラベル コントロールのデフォルトの幅は 150px です。

[ビューポートの高さを使用する]

特に画像を撮影するように設計されたコントロールの場合、このプロパティを使用して、ページのスクロールを防止するコントロールの高さの割合を設定します。

注

  • このプロパティは、ケース ヘルス、ドロップダウン リスト、言語セレクタ、およびリソース セレクタ コントロールでは使用できません。

  • 幅モードがパーセントとして設定されているフォームの場合、ラベル、テキスト ボックス (単一行)、複数行テキスト、ドロップダウン リスト、チェック ボックス、カレンダー、ハイパーリンク、ファイルのアップロード、リソース ツリー、言語セレクタ、ラジオ ボタン リスト、キャプチャ テキスト フィールド、キャプチャ チェック ボックス、およびキャプチャ コンボ ボックスの各コントロールに対して、ビューポートの高さを使用するプロパティは使用できません。

[高さ]

コントロールの高さ。

注 このプロパティは、ラベル、テキスト ボックス (単一行)、複数行テキスト、ドロップダウン リスト、チェック ボックス、カレンダー、ハイパーリンク、ファイルのアップロード、リソース ツリー、言語セレクタ、ラジオ ボタン リスト、キャプチャ テキスト フィールド、キャプチャ チェック ボックス、およびキャプチャ コンボ ボックスの各コントロールでは使用できません。

[マージン]

コントロールのマージン。(デスクトップ PC、タッチ、および非タッチのモバイルおよびタブレット フォームの場合、左、右、上、および下のデフォルトのマージンは次のとおりです。0、2、2、2。列、行、およびセル コントロールのデフォルトのマージンは 0、0、0、0 です)

注
  • キャプチャ テキスト フィールドの検証アイコンを 100% 幅に設定するには、右マージンを 20 ピクセル以上に設定します。
  • コントロールにマージンを適用すると、マージンがコントロール自体の内部に適用され、コントロール内に余分なスペースが作成されます。そのため、コントロールの幅がセルの 50% を占めるように設定されている場合、コントロールのマージンはセルのちょうど半分の幅になります。コントロール自体のサイズは、適用したマージンに基づいて縮小されます。

[スタイル]

コントロールのスタイルは、事前定義されたテーマ、インライン スタイル、またはクラスです。実行時のコントロールのスタイルは、設計時に設定したスタイル プロパティに対応します。

  • [テーマ]: 事前定義されたテーマを使用します。(デフォルト)

    テーマはグローバルに (フォームおよびサイトの外で) 定義され、サイトに関連付けられます。フォームはサイトの一部としてレンダリングされます。サイトに関連付けられたテーマによって、コントロールのスタイルが決まります。

  • [インライン]: フォント (Arial、Arial Black、Comic Sans MS、Courier New、Georgia、Lucida Grande、Lucida Grande Unicode、Noto Sans、Times New Roman、Trebuchet MS、Verdana)、フォント サイズ、配置、その他のオプションを設定します。

    インライン スタイルの設定により、デフォルトのテーマが上書きされます。

    注 ツールバー コントロールの場合、背景色をインライン スタイルとしてのみ定義できます。

  • [クラス]: CSS クラスを指定します。このクラスは、テーマに関連付けられたスタイル シートで使用できるようになっている必要があります。使用できない場合、コントロールはデフォルトのスタイルを使用します。

    注 このプロパティは、ファイルのアップロード、言語セレクタ、リソース ツリー、およびタイル コントロールを除くすべての一般的なコントロールにのみ適用されます。

ボタン、ジョブ アクション ボタン、アクティビティ アクション ボタン、カスタム アクション ボタンの各コントロールに固有のプロパティ。

[自動]

ボタン コントロールの幅モード。このプロパティは、ボタン コントロールをパーセンテージ幅または固定幅のフォーム (デスクトップ) に追加した場合にのみ使用できます。デフォルトでは、フォームに設定されている幅モードは、コントロールのデフォルトの幅モードになります。

注 ボタン コントロールの自動サイズ変更は、モバイル フォームとタブレット フォームではサポートされていません。

幅モードが自動に設定されている場合:

  • [幅] プロパティは使用できません。
  • [最小幅] プロパティが使用可能で、デフォルトは 0px です。
  • フォームに表示されるボタンは、設定された最小幅がある場合はその値に従って、実行時にテキストの内容に合わせてサイズ変更されます。
  • [新しいジョブの作成] または [アクティビティ] フォームを生成すると、ボタンの幅が [自動] に設定されます。フォームが関連付けられていないアクティビティを実行すると、自動的に生成されるフォームのボタン幅が [自動] に設定されます。

[プライマリ ボタン]

選択すると、ボタンがプライマリ ボタンになります。プライマリ ボタンは他のすべてのボタンと視覚的に異なり、フォームで最も使用されるアクション、またはメイン アクションを示します。たとえば、手動ログオン フォームを作成すると、ログオン ボタンがプライマリ ボタンとして設定されます。
テーブル コントロールに固有のプロパティ

[デフォルトの行]

デフォルトの行のスタイル。利用可能なオプションは次のとおりです。

  • [テーマ]: テーブルのデフォルトの行で、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー スキームを選択します。

  • [クラス]: CSS ファイルからのクラスの名前。

[ヘッダー デザイン]

テーブル ヘッダーのスタイル。利用可能なオプションは次のとおりです。

  • [テーマ]: ヘッダーで、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー スキームを選択します。

  • [クラス]: CSS ファイルからのクラスの名前。

[行の交換]

代替行のスタイル。利用可能なオプションは次のとおりです。

  • [テーマ]: テーブルの代替行で、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー スキームを選択します。

  • [クラス]: CSS ファイルからのクラスの名前。

[選択された行]

選択した行のスタイル。利用可能なオプションは次のとおりです。

  • [テーマ]: 選択した行で、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー スキームを選択します。

  • [クラス]: CSS ファイルからのクラスの名前。

[フレーム]

フレームのスタイル。利用可能なオプションは次のとおりです。

  • [テーマ]: フレームで、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー スキームを選択します。

  • [クラス]: CSS ファイルからのクラスの名前。

[背景色]

フォーム上のテーブルの背景色を設定するためのスタイル。利用可能なオプションは次のとおりです。

  • [テーマ] (デフォルト): テーブルで、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー セレクタを使用してカラー スキームを選択します。テーブルの背景色は、デザイン時に選択した色で表示されます。

  • [クラス]: CSS ファイルからのクラスの名前。

実行時に、選択したスタイルに従ってテーブルの背景色を表示できます。
水平線コントロールに固有のプロパティ

[色]

コントロールのカラー スタイル。利用可能なオプションは次のとおりです。

  • [テーマ]: 色で、デフォルトのテーマを背景として使用します。

  • [インライン]: カラー スキームを選択します。

  • [クラス]: CSS ファイルからのクラスの名前。
リスト、作業キュー、およびワークロードの各コントロールに固有のプロパティ

[代替の行の色]

アクティビティのテーブルで行の色を変更できます。

注 このプロパティは、テーマにスタイル クラスが設定されている場合にのみ適用されます。
埋め込みページ コントロールに固有のプロパティ

[罫線]

境界線あり、または境界線なしの埋め込みページを許可します。利用可能なオプションは次のとおりです。

  • [ボーダー付き]: 直角へりを持つ境界線。
  • [ボーダーなし] (デフォルト): 境界線のない直角へり。
  • [ボーダーのない丸い角]: 境界線のない丸い角。
グラフ、作業キュー、ワークロード、リスト、キャプチャの各コントロールに固有のプロパティ

[収まるように展開]

コントロールを展開して、コントロールがブラウザ ウィンドウの残りの高さに収まるようにします。固定の高さを指定するには、収まるように展開をオフにして高さを設定します。(デフォルト: 選択済み)

注

  • このプロパティは、フォームの「最後の行が収まるように展開」プロパティが有効になっている場合にのみ使用できます。フォームのプロパティ > 設定を参照してください。

  • このプロパティは、垂直レイアウトの行でのみ使用できます。

  • 現在のコントロールの下に新しいセルを追加した場合、収まるように展開オプションは表示されません。このオプションを表示するには、列の最後の行としてのコントロールの行が必要です。