Algumas configurações não estão refletindo em dois widget de formulário

  • fazzapp
    Perguntado em 9 de maio de 2023 às 07:59

    Olá pessoal,

    O formulário em que estou trabalhando atualmente tem apresentado dois problemas de CSS que não estou conseguindo resolver.

    1 - Widget "Menu suspenso" está exibindo texto na opção vazia, mesmo com essa opção desligada nas configurações do mesmo. (imagem abaixo)


    Algumas configurações não estão refletindo em dois widget de formulário Image 1 Screenshot 30


    2 - A cor da fonte de dica de conteúdo do widget "Texto curto" não está seguindo o que está configurado como cor de fonte geral do formulário (#340565), mostrando um lilás que eu não sei de onde vem. Mesma coisa acontece com a cor de conteúdo do widget "Menu suspenso", também apresenta o mesmo lilás.

    Algumas configurações não estão refletindo em dois widget de formulário Image 2 Screenshot 41

    Formulário referência: [https://form.jotform.com/fazzapp/bikus_nova_vaga]

    Por favor, eu preciso de ajuda nesses dois pontos acima.

    Grato,
    Carlos.




  • Lucas_O
    Respondido em 9 de maio de 2023 às 09:22

    Olá Carlos,

    Obrigado por entrar em contato com o suporte da Jotform. Tentei encontrar o campo relacionado ao pedido #1 da tua solicitação, porém não encontrei. Acredito que você apagou ou substituiu por outro campo.

    As cores dos textos placeholder dos campos podem ser ajustado com o seguinte código CSS. Siga estes passos:

    1. No Criador de Formulários, clique em no Rolo de pintar no lado direito da tela.
    2. Clique em Estilos.
    3. Adicione o código CSS abaixo na área Injetar código CSS personalizado.

    1679065197 6414806da2c77  Screenshot 0 Screenshot 10

    Código CSS:

    input, input::placeholder {
      color: #340565 !important;
    }

    Fico à tua disposição.

  • fazzapp
    Respondido em 9 de maio de 2023 às 13:59

    Obrigado Lucas, e quanto à primeira questão que eu citei ?

    Tem bug aí ?

  • Lucas_O
    Respondido em 9 de maio de 2023 às 14:18

    Olá Carlos,

    Agradeço pelo retorno. Procurei pelo campo "Selecione o segmento desta vaga", porém não consegui localizar no teu formulário. Acredito que tu substituiu o campo pelo atual campo chamado "Segmento de atuação".

    Se este for o caso, tu pode remover o texto para selecionar uma opção da seguinte forma:

    1. Clique na varinha mágica ao lado do campo.
    2. No texto padrão, digite somente um espaço.Algumas configurações não estão refletindo em dois widget de formulário Image 1 Screenshot 30
    3. Feito isso, clique em CSS personalizado.
    4. Adicione o código CSS abaixo.Algumas configurações não estão refletindo em dois widget de formulário Image 2 Screenshot 41

    Código CSS:

    .selecter-selected {
    height: 18.4px;
    }

    O código CSS é utilizado somente para manter o campo na mesma altura do original.

    Fico à tua disposição.

  • fazzapp
    Respondido em 11 de maio de 2023 às 07:54

    Ok Lucas, muito obrigado mano, ajudou muito !