Projeto

Geral

Perfil

Utilização de componentes em uma página

1. Abra a página (nova ou não) no front-end. Nesse exemplo, vamos arrastar um componente para o Main Container de uma página nova.

ComponentesNaPagina1.png


2. Clique na varinha de condão para escolher o componente, e em Tipos escolha o grupo de recursos ALMG: Componentes.

ComponentesNaPagina2.png


3. Há uma vasta lista de componentes nesse grupo. No exemplo, vamos usar o componente Abas.

ComponentesNaPagina3.png


4. Passe o mouse sobre a grade do componente Abas e clique e arraste-o...

ComponentesNaPagina4.png


5. ... soltando o componente na área do Main Container.

ComponentesNaPagina5.png


6. O Main Container passa então a ter esse aspecto:

ComponentesNaPagina6.png


7. Para editar o formulário associado ao componente, clique sobre o lápis.

ComponentesNaPagina7.png


8. No Guia de Estilo do Portal da ALMG, na aba Componentes, há um detalhamento sobre o uso de todos os componentes disponíveis:
https://www.almg.gov.br/guia-de-estilo/inicial/index.html


(Fim do passo a passo)