Os componentes visuais são um conjunto de códigos do Cronapp (exemplo: botões, caixa de texto, tabela, grades...) são estruturas funcionais de interação entre o usuário e o sistema. Criados em HTML, CSS e JavaScript que representam nas nossas views determinada figura gráfica a ser renderizada pelos nossos navegadores e aplicativos. Como cartões, carrosséis, listas e outros recursos visuais.

Eles são bastante úteis sempre que você estiver precisando apresentar informações de forma detalhada, como exemplo uma tabela de dados, e também para componentes básicos como um botão na tela.

Onde podemos utilizar os componentes nativos do Cronapp ou criar nossos próprios componentes e deixá-los salvos nos nossos projetos para que eles fiquem sempre disponíveis para usarmos de forma fácil e prática.

Componentes Visuais no Cronapp

são utilizados no designer de páginas web ou telas de aplicações mobile e caracterizam-se por serem altamente customizáveis em modo low-code.

O Cronapp oferece dezenas de componentes na funcionalidade Editor de Views, mas permite que você crie seus próprios componentes visuais, exportando-os para serem utilizados em outros projetosO Cronapp por padrão já nos oferece uma gama de componentes visuais prontos para que possamos utilizar em nossos projetos tanto Web quanto Mobile.

Image Modified

Figura 1.1 - Exemplo de Componentes Visuais para Projetos Mobile

Image Removed

Tela de login (mobile) que utiliza três componentes visuais: imagem, caixa de texto e botão

A maioria dos componentes possuem alguma diferença visual e de configuração dependendo da plataforma (web ou mobile) e outros são exclusivos, isso se deve por conta de características próprias dessas plataformas, como a usabilidade. 

Image Modified

Figura 1.3 - Componente Visual Alternância em uma View Mobile

2 - Exemplo de componentes visuais para projetos web (esquerda) e mobile (direita)