Background que muda de cor ao clicar em botão

rosim.controladoria · Agosto 19, 2022

Olá pessoal, tudo bem?

Já vi algumas pessoas postarem isso mas não sei exatamente como fazer.

Quero incluir um botão que muda o fundo do meu background, qual a maneira para fazer isso?

Desde já agradeço.

Nelson Kobayashi · Agosto 19, 2022

Olá @rosim.controladoria!

Veja como fazer :

Nelson Kobayashi · Agosto 19, 2022

Em tempo : se o objetivo é mudar uma imagem de fundo que foi colocada como background nas configurações da página, isso não é possível ser feito apertando um botão.

Para emular esse efeito, tem que usar uma imagem por baixo do dashboard, tal qual é ensinado no vídeo que compartilhei.

Tiago Craici - Xperiun · Agosto 19, 2022

Boa noite! @Nelson Kobayashi mestre.

Para alterar imagem acredito que de via HTML passando endereço de imagem + condicionais.

Lógica (se selecionado valor x então x endereço da imagem, se selecionado valor y então y endereço da imagem).

@Nelson Kobayashi e @rosim.controladoria Se acharem bacana e vai agregar a dúvida posso produzir aqui e anexar a este post .

rosim.controladoria · Agosto 23, 2022

Em 19/08/2022 em 19:43, Tiago Craici disse:

Boa noite! @Nelson Kobayashi mestre.

Para alterar imagem acredito que de via HTML passando endereço de imagem + condicionais.

Lógica (se selecionado valor x então x endereço da imagem, se selecionado valor y então y endereço da imagem).

@Nelson Kobayashi e @rosim.controladoria Se acharem bacana e vai agregar a dúvida posso produzir aqui e anexar a este post .

Olá pessoal, obrigada pelo retorno. Tiago, se puder produzir acho que será bacana viu, vejo que algumas pessoas estão fazendo isso e são poucos os vídeos com essas informações.

Muito obtigada, vcs são fera.

Tiago Craici - Xperiun · Agosto 24, 2022

Boa noite @rosim.controladoria!

Segue exemplo que criei para alterar fundo utilizando uma URL.

Utilizei o visual (Simple Image) por ser mais simples que o HTML e produz o mesmo objetivo:

Criado uma tabela com Nome do tema (dark/light) e o endereço:

Resultado:

Segue em anexo o arquivo pbix com o exemplo.
Sucesso!