Adicionar um painel.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosMarketing

Obtém uma caixa com moldura e barra de título colorida que mantém juntos conteúdos relacionados, como horário de funcionamento ou um aviso. Utilize-a quando um bloco da página precisar do seu próprio título e moldura.

Painel Primary com barra de título escura com o texto Citizen Services Opening Hours, duas linhas de horário e botão Book an appointment

Adicionar um painel

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 Panel. O elemento é colocado no topo da coluna, sem diálogo.
  2. Paire o cursor sobre o painel, clique em More na barra de controlos e escolha Settings. Escreva um Title.
  3. Escolha um Type para a cor: DXPR, Default, Primary, Success, Info, Warning ou Danger. Aqui escolhemos Primary.
  4. Clique em Save no diálogo.
  5. Clique no + dentro do corpo do painel e adicione um Button do separador Content. Um elemento Text também serve, por exemplo para horário de funcionamento. 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 título fica numa barra de título colorida, e o botão fica no corpo do painel por baixo. O botão é o seu próprio elemento, por isso edita-o e dá-lhe estilo separadamente. No vídeo, um painel Primary intitulado Citizen Services Opening Hours contém um botão de marcação. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o painel

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

  • Title: o texto na barra de título. Deixe vazio para um painel sem barra de título.
  • Type: a cor do bordo e da barra de título, do seu tema: Default, Primary, Success, Info, Warning ou Danger. DXPR, a predefinição, é antes uma caixa escura com texto claro.

O painel é um contentor. Adicione ou arraste texto, imagens, ícones ou botões para dentro do corpo.

Se não o vir

  • O Panel não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para assinalar Panel (Bootstrap 3) 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.
  • Não abre diálogo de definições ao adicionar o painel. Um painel entra sem diálogo. Paire o cursor sobre o elemento e abra More > Settings para definir o título e o tipo.
  • O painel mostra uma barra de título e nada por baixo. Ainda não foi adicionado nenhum elemento dentro. Clique no + no corpo do painel e adicione um Text ou Button.
  • Falta a barra de título. O campo Title está vazio. Paire o cursor sobre o elemento e abra More > Settings, depois escreva um título.

E a seguir?

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