次の方法で共有


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

SetFocusInputEvent としてサポートします。

制限

このコード コンポーネントは、キャンバス アプリ、カスタム ページ、およびモデル駆動型アプリでのみ使用できます。

その他の制限事項については、GitHub ドキュメントの デザイン チャレンジ セクションをご覧ください。