Texto Simples

Texto Simples

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

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

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

parágrafo


Botão do Componente


Imagem no Editor Visual