Visão geral

Os componentes visuais incluem Os componentes visuais são um conjunto de códigos 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 servem 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

O 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 Componente Visual Tabela de Dados

Componentes Visuais para Projetos Mobile

Image Added

Figura 1.2 - Exemplo de Componentes Visuais para Projetos Web

Porém com a necessidade de se utilizar elementos com características bem específicas, os componentes visuais se tornam uma forma prática e fácil de criarmos elementos visuais externos, não nativos da ferramenta do Cronapp, onde podemos utilizar componentes de outros desenvolvedores apenas referenciando o seu código.

Pré-Requisitos

Para criar componentes visuais é muito simples, você precisará preencher apenas alguns campos para gerar seu novo componente visual dentro do Cronapp:

1. Nome do Arquivo;
2. Id do Componente;
3. URL de JavaScripts Requeridos;
4. URL de Css Requeridos;
5. Template HTML;
6. Controladores Angular.

Image Added

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

Para aprender mais sobre como criar um componente visual, acompanhe o tutorial

a seguir.