Botões

Use um botão para tornar um link ou outra funcionalidade mais visível na página.

Descrição da ilustração GUID-2C9376F7-3312-40D3-B03F-484D6863F420-default.png

Para adicionar um botão à página:

1. Navegue até a página que deseja editar e verifique se está definido como Editar.
2. Adicione o componente à página.
3. Para ajustar as propriedades para o botão, clique no ícone de menu e escolha Definições.
   Você pode especificar o texto das opções de botão (label), tamanho, alinhamento e outras opções de exibição do botão.

   Nota:

   Se você definir os campos Largura e Altura como 0 (zero), o botão será automaticamente dimensionado para se ajustar ao texto que você especificar para o label.

   Para especificar a cor de plano de fundo, a fonte, a borda e outras definições, clique na guia Estilo. Você pode escolher entre os estilos predefinidos no tema atual. Dependendo do seu tema, você também pode clicar em Personalizar para especificar seus próprios valores.

4. Para associar um link ou outras ações a um botão:
   1. No painel Definições, clique em Link.
   2. Clique em Selecionar Tipo de Link e escolha uma das opções a seguir:
      • Nenhum Link: O botão não executa ações quando o usuário clica nele.

      • Página Web: Especifique um URL completo para uma página ou site externo e selecione o local em que o link será aberto.

      • Página do Site: Use o seletor de página para selecionar uma página no site atual e escolha onde abrir o link. Você pode especificar parâmetros de URL adicionais no formato key1=value1&key2=value2. Há suporte para valores vazios, por exemplo, key1=&key2=value2. Você também pode especificar uma âncora de URL, mas é necessário adicionar um layout de seção de Âncora especial ao local da página do site de destino no qual você deseja que o link de âncora seja resolvido, e especificar o mesmo nome de âncora nas definições de layout que você usou ao definir a ação de trigger.

        Nota:

        O layout da seção de Âncora necessário para usar as âncoras de URL é distribuído no Kit de Ferramentas do OCE. Para obter informações sobre como obter o kit de ferramentas, consulte Desenvolver com o Kit de Ferramentas OCE.

      • Download de Arquivo: Faça download de um arquivo selecionado do repositório. Selecione um arquivo.

        Se você selecionar um ativo digital, poderá selecionar uma renderização específica. Se você não selecionar uma renderização, o tamanho original será utilizado. Se você quiser que a versão mais recente do ativo seja publicada quando o site for publicado, selecione Usar a versão mais recente do ativo. Se você não selecionar Usar versão mais recente do ativo, a última versão publicada será usada, em vez de uma versão rascunho mais recente, se houver uma.

      • Visualização do Arquivo: Visualize e, se preferir, faça download de um arquivo selecionado em uma sobreposição em uma versão desabilitada e inativa da página.

      • Item de Conteúdo: Selecione um item de conteúdo em um repositório de ativos associado, escolha a página de detalhes que deseja exibir e indique a página para ser aberta na mesma janela ou em uma nova.

      • E-mail: Especifique um endereço de e-mail válido e, opcionalmente, um assunto. A mensagem resultante é aberta e enviada por meio do cliente de e-mail padrão.

      • Ações do Trigger: Selecione uma ou mais ações de página para executar quando o botão for pressionado. As ações da página incluem:

        • Navegar para a Página do Site: Selecionar uma página do site atual.

        • Navegar para URL Externo: Especificar um URL completo para uma página ou um site externo.

        • Mostrar Alerta: Mostrar uma mensagem especificada em uma janela.

        • Mostrar ou Ocultar um Componente: Selecionar um componente na página atual para mostrar, ocultar ou alternar.

        • Mostrar ou Ocultar um Slot: Selecionar um slot na página atual para mostrar, ocultar ou alternar.

      • Mapa: Digite um endereço ou coordenadas válidas e selecione onde deseja que o mapa seja aberto na área de trabalho e em browsers móveis.

      • Chamada telefônica: Informe um número de telefone válido.

      Consulte Use Triggers e Ações.