Adicionar um ícone.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

Obtém um ícone nítido em qualquer tamanho, sozinho ou dentro de uma forma colorida. Utilize-o para assinalar um título, construir uma grelha de funcionalidades ou adicionar uma pequena ligação clicável.

Ícone de foguetão no estilo Circle a tamanho 3x

Adicionar um ícone

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 Icon. O elemento é colocado no topo da coluna e o diálogo de definições abre.
  2. No campo Icon no topo do diálogo, escolha um conjunto de ícones, escreva em Search e clique num ícone. Fica destacado e o nome da classe aparece por baixo da grelha.
  3. Escolha um Size, por exemplo Very Large (3x).
  4. Clique no título Icon utilities para expandir e defina Style como Circle.
  5. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

O ícone que escolheu aparece no tamanho que escolheu, branco dentro de um círculo cinzento-escuro por predefinição. No vídeo, um foguetão aparece em Very Large (3x), três vezes o tamanho normal. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o ícone

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

  • Icon: um seletor com caixa Search, lista de conjuntos de ícones e grelha de ícones.
  • Size: Normal, Large, Extra Large (2x), Very Large (3x), Huge (4x) ou Gigantic (5x).
  • Link: torna o ícone clicável.
  • Link target: Same window ou New window. Aparece depois de adicionar uma ligação.
  • Style: uma forma atrás do ícone: None, Rounded, Circle ou Square. Está em Icon utilities.
  • Icon animation: No, Spin ou Pulse.
  • Icon orientation: Normal, Rotate 90, Rotate 180, Rotate 270, Flip horizontal ou Flip vertical.

Se não o vir

  • O Icon não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar 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 ícone que quer não está no seletor. O seu perfil de utilizador limita os conjuntos de ícones. Peça a um administrador para adicionar o conjunto em User Profiles.
  • O ícone é demasiado pequeno para se notar. Size é Normal ou Large. Paire o cursor sobre o elemento e abra More > Settings, depois escolha Extra Large (2x) ou maior.
  • O círculo tem a cor errada. A forma é cinzento-escura por predefinição. Paire o cursor sobre o elemento e abra More > Settings, clique no título Style perto do fundo e defina Background. Font color muda o próprio ícone.

E a seguir?

Separador Style para alterar as cores e o espaçamento do seu ícone.