Institucional GovBR

Voltar para a página inicial

Templates de exibição

Template de Cards

Selecionar e visualizar template

Será disponibilizado pela aplicação um modelo de tela (template) para formatação das Pastas ou Áreas criadas nos sites institucionais, exibindo o seu conteúdo no formato de Cards, como demonstrado a seguir:

Para exibir a Pasta ou Área no formato de Cards, é necessário escolher o template desejado na lista exibida no menu suspenso Exibição.

(Etapa 1 de 8)

A visão da Área ou Pasta neste formato de exibição apresenta o conteúdo na forma de Cards, que podem conter Título, Imagem e Descrição.

Neste formato, só são apresentados os tipos de conteúdo Pasta, Área, Página e Link.

Instrução - clique para editar o texto.
(Etapa 2 de 8)

Os tipos de conteúdo que possuem a aba Card permitem a configuração de 3 atributos (Título, Descrição e Imagem) que, caso informados, substituirão os atributos originais no template de exibição de Cards.

Instrução - clique para editar o texto.
(Etapa 3 de 8)

Uma das formas de definir a imagem a ser exibida no Card é informando uma classe de css da base de imagens fontawesome.

(Etapa 4 de 8)

Assim, o Card será exibido com uma imagem pré-definida, além do novo título (substituindo o título original do item).

(Etapa 5 de 8)

Outra forma de definir a imagem do Card é selecionando um arquivo de imagem qualquer.

(Etapa 6 de 8)

Veja como fica a exibição do Card com imagem neste caso.

(Etapa 7 de 8)

O atributo Breve descrição, se informado, será exibido no "verso" do Card (quando o usuário passar o mouse sobre ele).

(Etapa 8 de 8)
FIM da demonstração
voltarúltima etapa
reverdesde o início
voltar parapágina inicial
fechardemonstração
próximademonstração