Uma questão qeu eu queria perguntar é, se vc fazer uma mudança em um elemento e especifico, mas sua página tem vários desses elementos, ele vai aplicar essa mudança a todos os elementos da página , teria como fazer uma mudança em elemento especifico?
Ótima pergunta! Depende de como você selecionar o elemento que quer alterar. Em CSS, temos 3 formas principais de alterar um elemento: - Pelo ID: Se você alterar um elemento pelo seu ID, apenas o elemento específico será alterado - Pela classe: Se você alterar um elemento pela classe, todos os demais elementos com a mesma classe serão alterados - Pela tag: Se você alterar um elemento pela tag, todos os demais elementos com a mesma tag serão alterados Se você buscar alterar um único elemento, tente encontrar seu ID específico inspecionando a página. Mas se você busca alterar todos os elementos similares (exemplo: todos os botões), alterar pela classe provavelmente será mais efetivo. Basta descobrir uma classe que seja comum a todos os botões inspecionando a página
@@descomplicandoaestatistica8071 Mas temos um ponto, se eu criar dois botões dentro de um componente, por exemplo dois botões, ambos serão afetados pois eles tem os msms id´s e classes, para mudar isso, preecisar o usar o atributo key, aí sim resolve. Uma dica pessoal é usar a IA do streamlit, ela é top.
Olá olá, eu na minha aplicação tenho vários botões e ao usar o style.css ele vai mudar a cor de todos os botões, como faço para mudar apenas a cor de um botão?
Verifique se o botão que você quer possui um ID e estiliza pelo ID. Você também pode ser específico exemplo o botão que você quer está dentro da div btn > btnLogin assim vai atingir somente o botão.
alguem sabe como muda o background de cor? pq quando eu vou testar meu projeto o tema que eu configurei funciona, mas quando abro o site ainda está no tema dark
consegue sim! o codigo abaixo coloca uma imagem de fundo com base em sua url: page_bg_img = ''' body { background-image: url("images.unsplash.com/photo-1542281286-9e0a16bb7366"); background-size: cover; } ''' st.markdown(page_bg_img, unsafe_allow_html=True)
Infelizmente, o calendário é um pouco mais complicado por não se tratar de um componente estático. No fórum abaixo, sua pergunta foi feita, e a única solução sugerida foi mudar o código fonte do streamlit na sua máquina. Entretanto, isso não é sugerido pois pode quebrar a biblioteca stackoverflow.com/questions/66663180/switching-language-of-streamlit-date-input-widget
Excelente 👏👏
Uma questão qeu eu queria perguntar é, se vc fazer uma mudança em um elemento e especifico, mas sua página tem vários desses elementos, ele vai aplicar essa mudança a todos os elementos da página , teria como fazer uma mudança em elemento especifico?
Ótima pergunta! Depende de como você selecionar o elemento que quer alterar. Em CSS, temos 3 formas principais de alterar um elemento:
- Pelo ID: Se você alterar um elemento pelo seu ID, apenas o elemento específico será alterado
- Pela classe: Se você alterar um elemento pela classe, todos os demais elementos com a mesma classe serão alterados
- Pela tag: Se você alterar um elemento pela tag, todos os demais elementos com a mesma tag serão alterados
Se você buscar alterar um único elemento, tente encontrar seu ID específico inspecionando a página. Mas se você busca alterar todos os elementos similares (exemplo: todos os botões), alterar pela classe provavelmente será mais efetivo. Basta descobrir uma classe que seja comum a todos os botões inspecionando a página
@@descomplicandoaestatistica8071 Mas temos um ponto, se eu criar dois botões dentro de um componente, por exemplo dois botões, ambos serão afetados pois eles tem os msms id´s e classes, para mudar isso, preecisar o usar o atributo key, aí sim resolve. Uma dica pessoal é usar a IA do streamlit, ela é top.
Aproveitando, como eu faço para limpar o input de um form no streamlit?
Olá olá, eu na minha aplicação tenho vários botões e ao usar o style.css ele vai mudar a cor de todos os botões, como faço para mudar apenas a cor de um botão?
Verifique se o botão que você quer possui um ID e estiliza pelo ID.
Você também pode ser específico exemplo o botão que você quer está dentro da div btn > btnLogin assim vai atingir somente o botão.
Olá, tem como deixar a sidebar responsivo? De forma que se eu clicar será fechada a barra lateral
Parabéns! Vídeo muito bom...
Eu tô tentando de tudo para posicionar dois botões um do lado do outro, mas não estou conseguindo. Alguém me ajuda por favor 😢
import streamlit as st
col1, col2 = st.columns([1,1])
col1.button("Botão esquerdo")
col2.button("Botão direito")
Coisa assim.
alguem sabe como muda o background de cor? pq quando eu vou testar meu projeto o tema que eu configurei funciona, mas quando abro o site ainda está no tema dark
Muito massa esse vídeo! Obrigado por compartilhar! Tem me ajudado muito!
Muito obrigado amigo! Fico feliz com essa mensagem, me inspira a gravar mais vídeos :)
consigo alterar o background da pagina ? colocando uma imagem de fundo ?
consegue sim! o codigo abaixo coloca uma imagem de fundo com base em sua url:
page_bg_img = '''
body {
background-image: url("images.unsplash.com/photo-1542281286-9e0a16bb7366");
background-size: cover;
}
'''
st.markdown(page_bg_img, unsafe_allow_html=True)
@@descomplicandoaestatistica8071 Muito Obrigado!
Posso alterar o fundo com alguma imagem que eu tenha upado no Github ou só funciona com URLs?
Com isso eu poderia estar traduzindo o calendário do streamlit? ou qualquer outro componente?
Infelizmente, o calendário é um pouco mais complicado por não se tratar de um componente estático.
No fórum abaixo, sua pergunta foi feita, e a única solução sugerida foi mudar o código fonte do streamlit na sua máquina. Entretanto, isso não é sugerido pois pode quebrar a biblioteca
stackoverflow.com/questions/66663180/switching-language-of-streamlit-date-input-widget
quando eu faço o login, direciona para pagina mas tela de login continua, como faço para que a tela suma depois de logada ?
me manda seu código que tento te ajudar!
👏👏 *OBRIGADO - GRACIAS* 👉🔔