
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!
Dicas Recentes


P A T H | Dicas Tableau Prep – Como calcular o percentual do total para cada linha

P A T H | Dicas Tableau – Como criar e utilizar um parâmetro espacial


