Adicionar um cartão.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosMarketing

Obtém uma caixa com moldura, com cabeçalho e título, que contém outros elementos, como texto ou um botão. Utilize cartões para agrupar conteúdos relacionados, como serviços, perfis de equipa ou planos de preços.

Cartão Primary escuro com cabeçalho Investor Relations, título Q3 Results Published e botão Read the full report

Adicionar um cartão

Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. Crie a sua primeira página mostra o essencial.

  1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Card. O elemento é colocado no topo da coluna, sem diálogo.
  2. Paire o cursor sobre ele, clique em More na barra de controlos e escolha Settings. Escreva um Header, por exemplo Investor Relations.
  3. Escreva o Title do cartão, por exemplo Q3 Results Published.
  4. Escolha um Type para o estilo do cartão. Aqui escolhemos Primary. O texto fica branco automaticamente.
  5. Clique em Save no diálogo.
  6. Paire o cursor sobre o cartão e clique em + na sua própria barra de controlos, não na da coluna. O + no corpo vazio do cartão também funciona. Adicione um Button, porque um cartão é um contentor. Defina o rótulo e a ligação como em Adicionar um botão. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

O seu cabeçalho e título ficam num cartão na cor que escolheu, com o botão dentro. No vídeo, dizem Investor Relations e Q3 Results Published num cartão Primary. O botão é um elemento Button normal, por isso edita-o e dá-lhe estilo separadamente. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o cartão

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

  • Header: texto na barra no topo do cartão. Deixe vazio para ocultar a barra.
  • Title: o título no topo do corpo do cartão.
  • Type: a cor do cartão: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark ou Light. Todos exceto Default e Light usam texto branco.

Um cartão é um contentor. Adicione ou arraste outros elementos para dentro do corpo, como texto, uma imagem ou um botão.

Se não o vir

  • O Card não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para assinalar Card (Bootstrap 4/5) em Elements em User Profiles.
  • Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
  • O cartão mostra só um bordo e nada dentro. Ainda não há elementos dentro dele. Paire o cursor sobre o cartão, clique em + na barra de controlos e adicione um Text, Image ou Button.
  • Falta a barra de cabeçalho. O campo Header está vazio. Paire o cursor sobre o elemento e abra More > Settings, depois escreva um cabeçalho.
  • O texto no cartão é difícil de ler. A maioria das opções de Type usa texto branco, que se esbate numa cor clara como Warning. Escolha um Type mais escuro, ou Light.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu cartão.