コントロールのデザイン プロパティ
タブ インデックス、高さ、幅、スタイルなどのコントロールのデザイン プロパティを構成します。
| 名前 | 説明 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
|
[タブ インデックス] |
ユーザーが TAB キーを押した場合にコントロールが選択される順序を定義します。たとえば、タブ インデックスが 1 に設定されている場合、フォームを開くとコントロールが選択されます。タブ インデックスが 2 に設定されている場合、タブを 2 回クリックしてコントロールを選択する必要があります。 タブ インデックスが 0 に設定されている場合、コントロールはフォーカスを取得しますが、フォーカスはブラウザのタブの順序に基づきます。フォーム設定を参照してください。
タブ インデックス プロパティは、ケース ヘルスおよびプロセス ビューア コントロールでは使用できません。 |
||||||||||
|
[幅モード] |
コントロールの幅は、[固定] (ピクセル単位) または [パーセント] (ブラウザ ウィンドウを基準) にすることができます。(デフォルト: パーセント) 固定幅を使用する場合、指定した幅がコントロールの各部分に適用されます。たとえば、ラベルを 100px に設定し、テキスト ボックスが 150px に設定している場合、コントロールの合計幅は 250px になります。パーセントを使用する場合、幅には固定幅のラベルが含まれます。たとえば、テキスト ボックスが 100px のラベルで 40% に設定されている場合、ラベルには常に 100px が使用され、テキスト ボックスにはコントロールで使用可能な残りのスペースが使用されます。 固定モードのラベル コントロールのデフォルトの幅は 150px です。 コントロールのパーセント オプションは、フォームの幅がパーセント モードに設定されている場合にのみ使用できます。TotalAgility では、次のようなコントロールに対するパーセント幅がサポートされています。行、セル、ラベル、テキスト ボックス、カレンダー、ボタン、ドロップダウン リスト、ラジオ ボタン リスト、チェック ボックス、テーブル、イメージ、Web capture、ハイパーリンク。 デスクトップ フォームで幅のパーセントを使用する場合、コントロールのデフォルトの幅は次のとおりです。
[最小幅]: このオプションは、パーセント幅モードを選択している場合に、タッチ コントロールと非タッチ コントロール、入力タイプ、および見出しで使用できます。このオプションを使用して、コントロールの最小サイズを設定します (デフォルト値: 0)。実行時にフォームを表示してブラウザのサイズを変更すると、コントロールのサイズはウィンドウに比例して変更されますが、指定した最小幅より小さくなることはありません。 固定幅コントロールを使用してパーセント形式を構成する際に、画面が小さすぎて幅が収まりきらない場合、コントロールは一部がカットされます。 キャプチャ テキスト フィールドの幅を 100% に設定すると、検証アイコン用のスペースがなくなります。アイコンを表示するには、右マージンを 20 ピクセル以上に設定する必要があります。 フォームの幅モードをパーセントとして設定し、以前のバージョンからフォームをアップグレードまたはインポートすると、コントロールの幅モードはデフォルトでパーセントになります。ただし、必要に応じて幅モードを固定幅に変更できます。 フォームの幅モードを固定に設定して、以前のバージョンからフォームをアップグレードまたはインポートすると、コントロールの幅モードはデフォルトで固定になり、変更できません。 |
||||||||||
|
[ビューポートの高さを使用する] |
特に画像を撮影するように設計されたコントロールの場合、このプロパティを使用して、ページのスクロールを防止するコントロールの高さの割合を設定します。
|
||||||||||
|
[高さ] |
コントロールの高さ。 このプロパティは、ラベル、テキスト ボックス (単一行)、複数行テキスト、ドロップダウン リスト、チェック ボックス、カレンダー、ハイパーリンク、ファイルのアップロード、リソース ツリー、言語セレクタ、ラジオ ボタン リスト、キャプチャ テキスト フィールド、キャプチャ チェック ボックス、およびキャプチャ コンボ ボックスの各コントロールでは使用できません。 |
||||||||||
|
[マージン] |
コントロールのマージン。 デスクトップ PC、タッチ、および非タッチのモバイルおよびタブレット フォームの場合、左、右、上、および下のデフォルトのマージンは次のとおりです。0、2、2、2。列、行、およびセル コントロールのデフォルトのマージンは 0、0、0、0 です。 キャプチャ テキスト フィールドの検証アイコンを 100% 幅に設定するには、右マージンを 20 ピクセル以上に設定します。 コントロールにマージンを適用すると、マージンがコントロール自体の内部に適用され、コントロール内に余分なスペースが作成されます。そのため、コントロールの幅がセルの 50% を占めるように設定されている場合、コントロールのマージンはセルのちょうど半分の幅になります。コントロール自体のサイズは、適用したマージンに基づいて縮小されます。 |
||||||||||
|
[スタイル] |
コントロールのスタイルは、事前定義されたテーマ、インライン スタイル、またはクラスです。実行時のコントロールのスタイルは、設計時に設定したスタイル プロパティに対応します。
|
||||||||||
| グラフおよびタイル コントロールに固有のプロパティ | |||||||||||
|
[Shadow の追加] |
このプロパティを使用して、設計時と実行時の両方で、タイル コントロールとグラフ コントロールの灰色の境界線とドロップ シャドウを設定します。(デフォルト: クリア) |
||||||||||
| ボタン、ジョブ アクション ボタン、アクティビティ アクション ボタン、カスタム アクション ボタン コントロールに固有のプロパティ。 | |||||||||||
|
[自動] |
ボタン コントロールの幅モード。このプロパティは、ボタン コントロールをパーセンテージ幅または固定幅のフォーム (デスクトップ) に追加した場合にのみ使用できます。デフォルトでは、フォームに設定されている幅モードは、コントロールのデフォルトの幅モードになります。 ボタン コントロールの自動サイズ変更は、モバイル フォームとタブレット フォームではサポートされていません。
幅モードが自動に設定されている場合:
|
||||||||||
|
[プライマリ ボタン] |
選択すると、ボタンがプライマリ ボタンになります。プライマリ ボタンは他のすべてのボタンと視覚的に異なり、フォームで最も使用されるアクション、またはメイン アクションを示します。たとえば、手動ログオン フォームを作成すると、ログオン ボタンがプライマリ ボタンとして設定されます。 |
||||||||||
| テーブル コントロールに固有のプロパティ | |||||||||||
|
[デフォルトの行] |
デフォルトの行のスタイル。利用可能なオプションは次のとおりです。
|
||||||||||
|
[ヘッダー デザイン] |
テーブル ヘッダーのスタイル。利用可能なオプションは次のとおりです。
|
||||||||||
|
[行の交換] |
代替行のスタイル。利用可能なオプションは次のとおりです。
|
||||||||||
|
[選択された行] |
選択した行のスタイル。利用可能なオプションは次のとおりです。
|
||||||||||
|
[フレーム] |
フレームのスタイル。利用可能なオプションは次のとおりです。
|
||||||||||
|
[背景色] |
フォーム上のテーブルの背景色を設定するためのスタイル。利用可能なオプションは次のとおりです。
実行時に、選択したスタイルに従ってテーブルの背景色を表示できます。 |
||||||||||
| 水平線コントロールに固有のプロパティ | |||||||||||
|
[色] |
コントロールのカラー スタイル。利用可能なオプションは次のとおりです。
|
||||||||||
| リスト、作業キュー、およびワークロード コントロールに固有のプロパティ | |||||||||||
|
[代替の行の色] |
アクティビティのテーブルで行の色を変更できます。 このプロパティは、テーマにスタイル クラスが設定されている場合にのみ適用されます。
|
||||||||||
| 埋め込みページ コントロールに固有のプロパティ | |||||||||||
|
[罫線] |
境界線あり、または境界線なしの埋め込みページを許可します。利用可能なオプションは次のとおりです。
|
||||||||||
| チャート、作業キュー、ワークロード、リスト、キャプチャ コントロールに固有のプロパティ | |||||||||||
|
[収まるように展開] |
コントロールを展開して、コントロールがブラウザ ウィンドウの残りの高さに収まるようにします。(デフォルト: 選択済み)
固定の高さを指定するには、[収まるように展開] をオフにして高さを設定します。 |
||||||||||