Single Choice: ability to set a hover text to every option - É possível ter o texto de ajuda (hover text) funcionando no celular?

  • Profile Image
    melobob
    Asked on March 23, 2021 at 10:32 AM

    Vou aproveitar e pedir outro favor no mesmo formulário. Perceba que nas opções de documentações (ortodôntica, ortodôntica intermediário e completa) eu precisei criar um recurso de escolha única para cada um apenas para poder inserir as informações de cada uma em popup, na aba de "avançados", conforme você pode perceber ao testar o formulário em computador.

    O problema é que quando testamos em um celular essas informações não aparecem.

    E ainda, se tivesse uma forma de colocar todas em um único widget de escolha única e ainda assim poder configurar esses popups para cada uma das opções seria a solução mais ideal para mim.

    Será que teríamos uma solução para isso ?

    Grato,
    Carlos.

  • Profile Image
    Gustavo_H
    Answered on March 23, 2021 at 11:10 AM

    Olá, Carlos ⚡


    Infelizmente, esse recurso de TEXTO DE AJUDA não funciona no celular/mobile porquê ele é ativado pelo movimento do mouse sobre o conteúdo(hover). O que podemos fazer é tentar ajustar e mostrar essa caixa de ajuda no celular automaticamente, ou seja, sem ter esse efeito/evento de passar o mouse por cima. Você pode fazer isso inserindo o código CSS abaixo no seu formulário.

    Guia Completo 👉 Como-Inserir-Códigos-CSS-Personalizados

     @media screen and (max-width: 480px){

     .form-line .form-description {

       visibility: visible !important;

       margin-top: 10px !important;

       position: static !important;

       overflow-x: clip !important;

    }

    }  


    Outra opção seria você usar um elemento Parágrafo com os textos de ajuda para cada campo e que seria mostrado/ocultado de acordo com as respostas do usuário(ao selecionar a opção).


    E ainda, se tivesse uma forma de colocar todas em um único widget de escolha única e ainda assim poder configurar esses popups para cada uma das opções seria a solução mais ideal para mim.

    Infelizmente, ainda não temos essa opção. Se você nos confirma isso aqui, podemos levar isso aos nossos programadores como a sugestão de nova implementação. Entretanto, o texto de ajuda ainda não funcionaria para celular 😅


    Nos deixe saber se tem algo mais que podemos te ajudar.


    Atenciosamente, 😄

  • Profile Image
    melobob
    Answered on March 23, 2021 at 04:25 PM

    Opa, ficou bom assim hein Gustavo, gostei.

    Só que encontrei o problema que eu não havia observado. Por ser apenas uma opção no recurso, eu perco a função de desfazer, caso o usuário tenha selecionado erroneamente. Você teria uma solução pra isso para mim ?


    Outra coisa, em outros locais onde estou usando esse mesmo recurso de escolha única onde só tem duas opções, eu configurei para "espalhar para colunas = 2 colunas" mas quando testo no celular elas se mostram juntas, uma em cima da outra.

    Percebo que para celular ele não respeita essa configuração. Teria uma forma de forçar isso ? Porque quando tem apenas duas opções, fica muito mais estético o espalhamento, concorda ?

    E sim, pode levar minha sugestão de poder ter um texto ajuda para cada opção do recurso de escolha única, ou mesmo o de múltipla escolha.


    Obrigado amigo.

  • Profile Image
    Gustavo_H
    Answered on March 24, 2021 at 11:16 AM

    Olá, novamente, Carlos 😎


    Só que encontrei o problema que eu não havia observado. Por ser apenas uma opção no recurso, eu perco a função de desfazer, caso o usuário tenha selecionado erroneamente. Você teria uma solução pra isso para mim ?

    Para isso, você pode trocar de elemento, você pode utilizar o elemento de Múltipla Escolha :) Testei isso aqui e funcionou bem.


    Para a sua segunda pergunta, vou te responder nesse chamado abaixo em alguns minutos.

    Escolha Única: como manter as opções em duas colunas no celular?


    Finalmente, gostaria de te informar que levamos com sucesso a sua sugestão aos nossos programadores.


    Atenciosamente, 😀

  • Profile Image
    melobob
    Answered on March 24, 2021 at 02:00 PM

    Excelente, resolvido aqui.

    Valeu !