Componente utilizado para inclusão de parágrafos.
Figura 1 - Texto Simples rodando na web
Observação
O Cronapp também possui um componente Título, clique aqui e acesse sua documentação.
Principais propriedades
Aba de Propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
|---|---|---|
| Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Tooltip | crn-tooltip | Permite adicionar um tooltip ao componente. Para configurá-lo, clique no botão (...) ao lado do campo. Para mais detalhes de configuração consulte a documentação Propriedades dos componentes visuais. |
| Conteúdo | title | Altera o conteúdo do componente, por padrão o conteúdo é preenchido com o texto "text". Na janela da propriedade é possível ajustar a formatação do texto. |
| Estilo | style | Altera o estilo geral do componente da forma inline. |
Exibir | ng-show | Propriedade Cronapp MVC usada para mostrar ou oculta o componente. |
| Posição do texto | xattr-position | Define a posição do texto, podendo ser: Esquerda, centralizado, direita, justificado ou nenhum. |
Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
Segurança | cronapp-security | Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados. |
| Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
Classes CSS | class | Adiciona classes CSS já criadas. |
Aba de Eventos
Na tabela abaixo estão descritos os eventos disponíveis para o componente.
| Nome | Propriedade | Função |
|---|---|---|
| Ao Iniciar | ng-init | Executa uma ação assim que o componente é renderizado na tela. |
| Ao Clicar | ng-click | Executa uma ação quando o componente receber um clique com o mouse ou um toque na tela. |
| Ao Duplo Clicar | ng-dblclick | Executa uma ação quando o usuário clica duas vezes seguidas com o botão do mouse em um componente. |
| Ao Entrar com Mouse | ng-mouseenter | Executa uma ação quando o ponteiro do mouse é movido de fora para dentro do componente. |
| Ao Mover Mouse | ng-mousemove | Executa uma ação enquanto o ponteiro do mouse está sendo movido sobre o componente. |
| Ao Sair com Mouse | ng-mouseleave | Executa uma ação quando o ponteiro do mouse é movido de dentro para fora do componente. |
Aba de Estilos
O componente não possui estilos configurados.
Conteúdo
É possível abrir a janela da propriedade Conteúdo para incluir textos longos e ajustar sua formatação através do editor de Texto Rico (destaque 1 da figura 2).
Figura 2 - Edição do texto através da propriedade Conteúdo
Também é possível formatar o texto através da janela de estilização de componentes. Porém, nesse formato não é possível estilizar parte do texto (figura 2.1)
Figura 2.1 - Texto Simples estilizado pela propriedade Estilo
Nome em inglês
Plain text
Nessa página
Compatibilidade
Formulário web
Equivalente mobile
Botão do Componente
Imagem no Editor Visual
