ResizableTextArea コントロール
ユーザー入力用のコンポーネント。
Note
説明書の全文とソース コードは、GitHub コード コンポーネント リポジトリ を参照してください。
説明設定
テキスト領域は、テキストを入力および編集する方法を提供します。 これらは、フォーム、モーダル ダイアログ、テーブル、およびテキスト入力が必要なその他の領域で使用されます。
このコンポーネントを使用すると、ユーザーは便利なようにテキスト領域のサイズを変更できます。
Note
コンポーネントのソース コードと詳細については、GitHub コード コンポーネント リポジトリを参照してください。
プロパティ
重要なプロパティ
| Property | 説明設定 |
|---|---|
Text |
コントロールに設定されたテキスト値。 これは、モデル駆動型アプリで使用される場合の既定のバインドされたプロパティです。 |
Default |
コントロールがリセットされたとき、またはデフォルト値が変更されたときのコントロールの既定値。 これにより、コントロールはキャンバス アプリ フォーム内のコントロールと同様に機能します。 |
MaxLength |
入力できる最大文字数 |
HintText |
テキスト値が設定されていない場合に表示されるテキスト |
EmptyPlaceholderText |
値がなく、コントロールにフォーカスがない場合に表示されるテキスト。 これにより、値が入力されていない場合に --- を表示するモデル駆動型テキスト コントロールの場合と同様のスタイルを提供します。 |
DefaultHeight |
テキスト領域を初期設定する高さ。これがキャンバス アプリ/カスタム ページで設定されていない場合、サイズはデフォルトでコード コンポーネントの高さに設定されます。 モデル駆動型アプリの場合、フォームが初期の高さを提供しないため、これが必要です。 |
DefaultWidth |
テキスト領域を初期設定する幅。 これがキャンバス アプリ/カスタム ページで設定されていない場合、サイズはデフォルトでコード コンポーネントの高さに設定されます。 モデル駆動型アプリの場合、デフォルトの幅がフォーム列の幅になるため、これは必須ではありません。 |
MinHeight |
textarea のサイズを変更できる最小の高さ。 制限なしの場合はゼロに設定します。 |
MaxHeight |
textarea のサイズを変更できる最大の高さ。 制限なしの場合はゼロに設定します。 |
Min Width |
textarea のサイズを変更できる最小の幅。 制限なしの場合はゼロに設定します。 |
MaxWidth |
textarea のサイズを変更できる最大の幅。 制限なしの場合はゼロに設定します。 |
AllowResize |
textarea のサイズを変更できる方向を定義します。 なし、両方、水平または垂直。 |
EnableSpellCheck |
textarea をブラウザーでスペル チェックするかどうかを定義します。 |
出力プロパティ
| Property | Description |
|---|---|
Resized Height** (output) - The user adjusted height | サイズを変更した幅** (出力) - ユーザーが調整した幅 |
スタイル プロパティ
| Property | 説明設定 |
|---|---|
PaddingLeft |
textarea 内に追加するパディング |
PaddingRight |
textarea 内に追加するパディング |
PaddingTop |
textarea 内に追加するパディング |
PaddingBottom |
textarea 内に追加するパディング |
Left Padding Adjustment |
モデル駆動型アプリ内では、ラベルが非表示の場合でも、コード コンポーネントの左側にアイコン (ロック アイコンなど) を保持するためのパディングがあります。 これを修正するには、左パディング調整を 21 に設定して幅を減らす必要があります。 ラベルもある場合、左パディング調整をラベルの幅に設定する必要があります。 |
RenderBorderStyle |
これは、標準 または 中央揃え のいずれかにすることができます。 標準に設定すると、テキスト領域ボックス内の境界線の幅が増加しますが、中央揃え を使用すると、テキスト領域ボックスの端の境界線を中央に揃えます。 Power Apps クラシック コントロールと互換性がある場合は中央揃えを、モデル駆動型および Fluent UI コントロールの場合は標準を使用します。 |
Accessibility Label |
aria ラベル |
スタイル/状態のすべての組み合わせが、すべてのコンポーネントで実装されているわけではありません。 GitHub コンポーネント ドキュメントの 状態の依存状態のスタイル プロパティ をご覧ください。
イベントのプロパティ
| Property | 説明設定 |
|---|---|
Input Event |
Input Event プロパティを SetFocus で始まる文字列に設定し、コントロールにフォーカスを設定します。 トリガーするイベントには、ランダムな接尾辞を含める必要があります。 |
その他のプロパティは標準 text input コントロールと同じです。
Behavior
SetFocus を InputEvent としてサポートします。
制限
このコード コンポーネントは、キャンバス アプリ、カスタム ページ、およびモデル駆動型アプリでのみ使用できます。
その他の制限事項については、GitHub ドキュメントの デザイン チャレンジ セクションをご覧ください。