P A T H

Como criar um botão de navegação em dropdown

O que você vai aprender?

Nesta dica vamos mostrar como criar um botão de navegação que funcionará como uma dropdown para alternar entre os painéis.

Introdução:

Imagine que você tem dois painéis no seu dashboard, um em português e outro em inglês. Para alternar entre os dois, você normalmente utilizaria um botão de navegação normal, mas dessa vez iremos criar um botão diferente

Passo 1: Para criar nossos botões de navegação, vamos precisar de algumas imagens, então salve as seguintes imagens no seu computador com seus respectivos nomes:

• US-botão

• BR-botão

• US-Dropdown

• BR-Dropdown

Passo 2: Vou partir do princípio de que você já tem seus 2 painéis criados e traduzidos, agora vamos criar nossos botões no tableau! Primeiro traga o botão de navegação para o seu painel (vamos fazer primeiro com o painel em pt-br)

Edite o botão para colocar a imagem baixada (US-botão)

Passo 3: A partir do nosso botão de navegação, iremos criar um botão de mostrar/ocultar

Passo 4: Edite o botão de mostrar/ocultar e coloque a nossa imagem (BR-dropdown), lembre-se de colocar a mesma imagem tanto para o item exibido como para o item oculto.

Passo 5: Agora é só replicar os passos 2, 3 e 4 para o nosso outro painel (US-EN)
e teremos o seguinte resultado para cada.

Para terminar, teste e verifique se os botões estão funcionando corretamente e ajuste na posição desejada. Lembre-se de manter a posição e dimensionamento dos botões de maneira igual nos dois painéis.

01 de Outubro de 2024

Pronto! Agora você já sabe como construir um botão de navegação com dropdown no Tableau!

Language