ResizableTextArea control
Un componente para la entrada del usuario.
Nota
La documentación completa y el código fuente se encuentran en el repositorio de componentes de código GitHub.
Description
Las áreas de texto brindan a las personas una forma de introducir y editar texto. Se utilizan en formularios, cuadros de diálogo modales, tablas y otras superficies donde se requiere la entrada de texto.
Este componente permite al usuario cambiar el tamaño del área de texto para mayor comodidad.
Nota
Código fuente del componente y más información disponible en el repositorio de componentes de código GitHub.
Propiedades
Propiedades importantes
| Property | Descripción |
|---|---|
Text |
El valor de texto establecido en el control. Esta es la propiedad enlazada predeterminada cuando se usa en una aplicación basada en modelos. |
Default |
El valor predeterminado que tendrá el control cuando se restablezca el control o se cambie el valor predeterminado. Esto permite que el control funcione de manera similar a los controles dentro de los formularios de la aplicación de lienzo. |
MaxLength |
El número máximo de caracteres que se pueden introducir |
HintText |
El texto para mostrar cuando no hay un valor de texto establecido |
EmptyPlaceholderText |
El texto que se muestra cuando no hay ningún valor y el control no tiene el foco. Esto proporciona un estilo similar cuando el control de texto basado en modelo que muestra --- cuando no hay ningún valor poblado. |
DefaultHeight |
La altura para establecer el área de texto inicialmente. Si esto no se establece en una aplicación de lienzo/página personalizada, el tamaño se establecerá de forma predeterminada en la altura del componente de código. Para aplicaciones basadas en modelos, esto es obligatorio ya que el formulario no proporciona una altura inicial. |
DefaultWidth |
El ancho en el que se establece el área de texto inicialmente. Si esto no se establece en una aplicación de lienzo/página personalizada, el tamaño se establecerá de forma predeterminada en la altura del componente de código. Para las aplicaciones basadas en modelos, esto no es necesario, ya que el ancho predeterminado será el ancho de la columna del formulario. |
MinHeight |
La altura mínima con la que el textarea se puede cambiar el tamaño. Establézcalo en cero para no tener límite. |
MaxHeight |
La altura máxima con la que el textarea se puede cambiar el tamaño. Establézcalo en cero para no tener límite. |
Min Width |
La anchura mínima con la que el textarea se puede cambiar el tamaño. Establézcalo en cero para no tener límite. |
MaxWidth |
La anchura máxima con la que el textarea se puede cambiar el tamaño. Establézcalo en cero para no tener límite. |
AllowResize |
Define en qué dirección se puede cambiar el tamaño de textarea. Ninguna, Ambas, Horizontal o Vertical. |
EnableSpellCheck |
Define si el textarea debe ser revisado ortográficamente por el navegador o no. |
Propiedades de salida
| Property | Description |
|---|---|
Resized Height** (output) - The user adjusted height | Ancho redimensionado** (salida) - El ancho ajustado por el usuario |
Propiedades de estilo
| Property | Descripción |
|---|---|
PaddingLeft |
El relleno para agregar dentro del textarea |
PaddingRight |
El relleno para agregar dentro del textarea |
PaddingTop |
El relleno para agregar dentro del textarea |
PaddingBottom |
El relleno para agregar dentro del textarea |
Left Padding Adjustment |
Dentro de una aplicación basada en modelos, incluso cuando la etiqueta está oculta, hay un relleno a la izquierda del componente de código para contener íconos (por ejemplo, ícono de candado). Para corregir esto, el ancho debe reducirse configurando el Ajuste de relleno izquierdo en 21. Cuando también hay una etiqueta, el ajuste de relleno izquierdo debe establecerse en el ancho de la etiqueta. |
RenderBorderStyle |
Puede ser Normal o Centrado. Cuando se establece en Normal, el ancho del borde aumentará dentro del cuadro del área de texto, sin embargo, al usar Centrado centrará el borde alrededor del borde del cuadro del área de texto. Utilice Centrado para que sea compatible con los controles clásicos de Power Apps y Normal para los controles controlados por modelos y de Fluent UI. |
Accessibility Label |
La etiqueta aria |
No todas las combinaciones de estilo/estado son implementadas por todos los componentes. Vea Propiedades de estilo dependientes del estado en la documentación del componente de GitHub.
Propiedades de evento
| Property | Descripción |
|---|---|
Input Event |
Establezca la propiedad Evento de entrada en una cadena que comience en SetFocus para fijar el foco en el control. Debe incluir un sufijo aleatorio para que se active el evento. |
Otras propiedades son las mismas que el control de entrada de texto estándar.
Behavior
Soporta SetFocus como un InputEvent.
Limitaciones
Este componente de código solo se puede usar en aplicaciones de lienzo, páginas personalizadas y aplicaciones basadas en modelos.
Vea más notas de limitación en la sección de desafíos de diseño de la documentación de GitHub.