Blog

Postado em em 1 de janeiro de 2023

Botão para Trocar cor do Dashboard no Power BI

Você sabe fazer um botão para trocar cor do dashboard? Seu dashboard vai ficar com o tema que você preferir com um clique!

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

Trocar cor do Dashboard no Power BI

Para receber por e-mail o(s) arquivo(s) utilizados na aula, preencha:

Botão para Trocar Cor do Dashboard no Power BI

E aí, ficou curioso para saber como construir esse botão para trocar a cor do dashboard e construir mais uma funcionalidade? Então vem comigo que eu te mostro!

Isso é interessante para que você tenha duas visualizações diferentes no seu dashboard, como um tema claro e um escuro, o que pode facilitar na hora de visualizar os dados.

Então eu vou te mostrar como criar os botões de liga e desliga, depois como inserir imagem no Power BI e por fim como atribuir uma ação a um botão.

Dessa forma vamos poder fazer a navegação entre páginas no Power BI que vai alterar entre o tema claro e o tema escuro do nosso dashboard!

Os botões e arquivos para esta aula estão no material didático disponível para download.

Exemplo
Exemplo

Para conseguir dar esse efeito no dashboard é simples, para começar precisamos criar no PowerPoint dois planos de fundo, um com o tema claro e outro com o tema escuro. Se não souber fazer clique no link com o passo a passo!

Planos de fundo
Planos de fundo

Também vamos precisar de dois botões, liga e desliga.

Botões liga-desliga
Botões liga-desliga

Passo a passo para os botões:

Para criar os botões dentro do PowerPoint vá em inserir → Formas → retângulo de cantos arredondados.

Retângulo de cantos arredondados.
Retângulo de cantos arredondados.

Vamos inserir o retângulo e clicar sobre na bolinha amarela como mostra a figura abaixo, arraste para arredondar as extremidades.

Retângulo de cantos arredondados.
Retângulo de cantos arredondados.

Retire o preenchimento ou deixe o fundo branco clicando sobre o retângulo e indo em preenchimento da forma na guia forma de formato.

Botão para Trocar a cor do Dashboard
Sem preenchimento

Observe que o contorno do nosso botão está azul como no dashboard.

Você também pode dar ao contorno um tom de azul-claro e deixar o preenchimento com um tom de azul-escuro, causa um efeito bonito!

Ajustando as cores com o PowerPoint:

Clique no botão e com o conta-gotas no PowerPoint selecione o azul-escuro do dashboard para o contorno do botão, depois vá em mais cores e lá conseguimos copiar o número da cor mais escura (reserve este número), nesta tela também podemos clarear o tom do azul para a borda.

Botão para Trocar a cor do Dashboard
RGB e ajuste de tonalidade

Agora vamos acrescentar um círculo dentro do nosso botão, vá em → inserir → formas → escolher o círculo elipse.

Quando for inserir a elipse, ajuste o tamanho segurando as teclas control + shift, isso vai garantir que o formato fique proporcional.

Escolha a cor azul-escuro do dashboard para o preenchimento da elipse, você pode usar o número da cor em mais cores de preenchimento ou as cores salvas recentemente.

Botão para Trocar a cor do Dashboard
Elipse

Agora vamos colocar o ícone de sol, busquei este ícone no site flaticon.com, pesquise por dark.

Flaticon
Flaticon

Após se cadastrar neste site (gratuitamente) você pode editar a cor da imagem escolhida.

Use novamente o número do azul-escuro do nosso dashboard para o sol e branco com fundo azul para a lua.

Escolha a qualidade 512 pixels (qualidade máxima) e faça o download gratuito.

Ajuste e qualidade
Ajuste e qualidade

Insira a imagem no PowerPoint e adicione ao nosso botão, antes de salvar e aplicar no dashboard vamos selecionar cada ícone da imagem.

Clicando em control e mantendo-o pressionado e com todos os ícones selecionados, clique com o botão direito do mouse e selecione agrupar. O resultado é que os 3 itens agora são um só botão. Faça o mesmo para o outro botão.

Agrupar
Agrupar

Feito isso salve como imagem no seu computador para usar no dashboard.

Ajuste do Dashboard!

Agora só precisamos inserir os botões no nosso dashboard, temos duas guias, uma com o tema claro onde vamos colocar o botão do tema escuro e o dashboard tema escuro para inserir o botão claro.

Botão para Trocar a cor do Dashboard
Dashboards

Clique em inserir → imagem → escolha o botão e posicione no local desejado.

Botão para Trocar a cor do Dashboard
Inserir botões

Para que os dois botões fiquem na mesma posição, com o 1º botão ainda selecionado, clique em geral e anote a altura, largura e posição do botão, assim, podemos passar essas medidas para o botão do outro dashboard e deixá-los exatamente no mesmo lugar.

Botão para Trocar a cor do Dashboard
Geral

Programando o botão:

Precisamos que o botão execute a ação de nos levar para o outro dashboard, clique sobre ele e em Imagem selecione ação → em tipo selecione navegação na página e em destino escolha o dashboard escuro.

Faça o mesmo no outro dashboard selecionando como destino o dashboard claro.

Botão para Trocar a cor do Dashboard
Ação

Você vai notar que somente clicar nos botões não vai trazer nenhuma ação agora, isso acontece porque no Power BI desktop para usar os botões precisamos manter pressionado a tecla control.

Após publicar o dashboard e compartilhar o link o botão vai funcionar normalmente, não se preocupe!

Agora esta pronta a mais nova funcionalidade do seu dashboard!

Quem for usar seu link, vai ter a comodidade de escolher visualizar com o tema claro ou escuro!

Conclusão – Botão para Trocar a cor do Dashboard

Nesta aula fizemos botões que mudam o tema do dashboard para o tema claro ou tema escuro!

Depois dessa aula você vai conseguir acrescentar esta funcionalidade que certamente vai impressionar qualquer pessoa que usar seus dashboards!

Se você não souber como criar planos de fundo ou publicar e salvar seus trabalhos me Power BI não se preocupe! Deixei links com aulas completas para te ajudar!

Espero que tenham gostado! Um forte abraço,

Hashtag Treinamentos

Para acessar outras publicações de Power BI, clique aqui!


Quer aprender mais sobre Power BI com um minicurso básico gratuito?

Quer ter acesso a um Minicurso de Finanças no Excel de forma 100% gratuita? Preencha seu e-mail abaixo!