ResizableTextArea Controlo
Um componente para entrada de utilizador.
Nota
A documentação completa e o código de origem encontram-se no repositório de componentes de código do GitHub.
Description
As áreas de texto dão às pessoas uma forma de introduzir e editar texto. São utilizadas em formulários, diálogos modais, tabelas e outras superfícies onde é necessário introduzir texto.
Este componente permite que o utilizador redimensione a área de texto de forma mais conveniente.
Nota
Código de origem de componentes e mais informações no repositório de componentes de código do GitHub.
_Propriedades
Propriedades chave
Property | Description |
---|---|
Text |
O valor de texto definido no controlo. Esta é a propriedade dependente predefinida quando é utilizada numa aplicação condicionada por modelo. |
Default |
O valor predefinido que o controlo terá quando o controlo for reposto ou se o valor predefinido for alterado. Isto permite que o controlo funcione de um modo semelhante aos controlos dentro de formulários da aplicação de tela. |
MaxLength |
Número máximo de carateres que podem ser introduzidos |
HintText |
O texto a apresentar quando não está definido qualquer valor de texto |
EmptyPlaceholderText |
O texto a apresentar quando não existe qualquer valor e o controlo não tem foco. Isto proporciona um estilo semelhante quando o controlo text condicionado por modelo que apresenta --- quando não existe nenhum valor preenchido. |
DefaultHeight |
A altura para a qual definir inicialmente a área de texto. Se não estiver definida numa aplicação de tela/página personalizada, o tamanho assumirá a predefinição da altura do componente de código. Para aplicações condicionadas por modelo, isto é necessário, uma vez que o formulário não fornece uma altura inicial. |
DefaultWidth |
A largura para a qual definir inicialmente a área de texto. Se não estiver definida numa aplicação de tela/página personalizada, o tamanho assumirá a predefinição da altura do componente de código. Para aplicações condicionadas por modelo, isto não é necessário, uma vez que a largura predefinida será a largura da coluna do formulário. |
MinHeight |
A altura mínima para a qual textarea pode ser redimensionado. Definir como zero para sem limite. |
MaxHeight |
A altura máxima para a qual textarea pode ser redimensionado. Definir como zero para sem limite. |
Min Width |
A largura mínima para a qual textarea pode ser redimensionado. Definir como zero para sem limite. |
MaxWidth |
A largura máxima para a qual textarea pode ser redimensionado. Definir como zero para sem limite. |
AllowResize |
Define em que direção textarea pode ser redimensionado. Nenhum, Ambos, Vertical ou Horizontal. |
EnableSpellCheck |
Define se textarea deve ou não ser verificado ortograficamente pelo browser. |
Propriedades de saída
Property | Description |
---|---|
Resized Height** (output) - The user adjusted height | Largura** redimensionada (saída) - A largura ajustada pelo utente |
Propriedades de Estilo
Property | Description |
---|---|
PaddingLeft |
O preenchimento a adicionar dentro de textarea |
PaddingRight |
O preenchimento a adicionar dentro de textarea |
PaddingTop |
O preenchimento a adicionar dentro de textarea |
PaddingBottom |
O preenchimento a adicionar dentro de textarea |
Left Padding Adjustment |
No interior de uma aplicação condicionada por modelo, mesmo quando a etiqueta está oculta, existe um preenchimento à esquerda do componente de código para segurar ícones (por exemplo, ícone de cadeado). Para corrigir isto, a largura tem de ser reduzida definindo o Ajustamento do Preenchimento à Esquerda como 21. Quando também existe uma etiqueta, o Ajustamento do Preenchimento à Esquerda tem de ser definido como a largura da etiqueta. |
RenderBorderStyle |
Isto pode ser Normal ou Centrado. Quando definida como Normal, a largura do limite aumentará dentro da caixa da área de texto, no entanto, a utilização de Centrada centrará o limite à volta do contorno da caixa da área de texto. Utilize Centrada para ser compatível com os controlos Classic do Power Apps e Normal para controlos condicionados por modelo e da Fluent UI. |
Accessibility Label |
A etiqueta aria |
Nem todas as combinações de estilo/estado são implementadas por cada componente. Consulte as Propriedades de Estilo Dependentes do Estado na documentação do componente do GitHub.
Propriedades do Evento
Property | Description |
---|---|
Input Event |
Defina a propriedade Input Event como uma cadeia que começa no SetFocus para definir o foco no controlo. Tem de incluir um sufixo aleatório para o evento seja acionado. |
Outras propriedades são iguais ao controlo text input padrão.
Comportamento
Suporta SetFocus como um InputEvent
.
Limitações
Este componente de código só pode ser utilizado em páginas personalizadas e aplicações condicionadas por modelo.
Consulte mais notas de limitação na secção desafios de design da documentação do GitHub.