Como excluir scroll bars do widget incorporador de iframe?

  • fcfritas
    Perguntado em 26 de março de 2021 às 18:09

    Olá , segui alguns passos para tentar retirar essas scroll bars do incorporador de iframe widget mas não funcionou.

    Ja tentei também colocar o código CSS na area de design do formulário como sugerido no fórum mas não obtive sucesso.

    Segue exemplo abaixo



    Jotform Thread 2997105 Screenshot
  • Gustavo_H
    Respondido em 27 de março de 2021 às 15:01

    Olá, fcfritas 👋


    Você gostaria de eliminar os dois scrolls bars de todos os Incorporadores de Iframe? Tentei de todas as formas fazer isso aqui, mas parece que não é possível, já que não podemos adicionar código CSS ao IFRAME carregado desde a sua página. O problema parece ser que alguns elementos HTML do seu próprio iframe são maiores do que tamanho do campo, sendo assim necessário o uso de scroll bars.

    1616871621 605f80c5e8e18  Screenshot 10


    Te recomendo revisar no seu iframe os tamanhos dos elementos, assegurando que todos sejam menores que o tamanho do campo do formulário. Dessa forma, você deverá ser capaz de ter o IFRAME sem os scroll bars.


    Atenciosamente, 😀

  • fcfritas
    Respondido em 27 de março de 2021 às 16:17

    OI Gustavo, obrigado por responder.

    Entendi porém vc sabe me dizer como eu consigo pegar o código iframe porque o widget não aceita o código e sim uma url. Eu simplesmente apliquei um plugin de um calendário numa pagina em branco do wix.

  • fcfritas
    Respondido em 27 de março de 2021 às 16:44

    EU poderia configurar a minha agenda do google , personalizar e conseguir jogar o código no widget que nesse ponto é limitado pois não aceita o iframe e sim somente a url1616878001 605f99b19b290 Screen Shot 202 Screenshot 10

  • Gustavo_H
    Respondido em 28 de março de 2021 às 11:50

    Olá, fcfritas 👋


    Sim, infelizmente, não aceitamos o código IFRAME inteiro, apenas o link da fonte desse IFRAME. Creio que a única solução é você ajustar os tamanhos e remover os scroll bars(overflow) na página do IFRAME, neste caso: https://www.muvyos.com/calendariobaugrande1, porquê, como te assinalei anteriormente, esse tamanho fixo grande que fazer ser necessário os scrolls bar vem da URL.


    Se você nos confirmar, podemos levar aos nossos programadores a sugestão de permitir o preenchimento completo do IFRAME e não somente da URL.


    Nos deixe saber você consegue aplicar o código CSS para tamanhos(width, height e overflow) para esses elementos maiores na sua página de origem e se isso resolveu o problema. Pelo o que eu vi aqui, isso poderia funcionar:

    #SITE_CONTAINER{
    width: 450px;
    height: 450px;
    }


    1616946521 6060a5599a9d2  Screenshot 10


    Nos deixe saber se isso ou váriações dessa mudança resolvem o problema dos scroll bars.


    Atenciosamente, 😀

  • fcfritas
    Respondido em 28 de março de 2021 às 13:26

    OI Gustavo, tudo bem?

    Então, o lance é que eu não sei como e onde colocar esse código mas vou tentar aqui. Sim eu autorizo a vc levar essa sugestão para os programadores porém esse eu vejo que é um problema recorrente que o fórum inteiro sempre reclama , sobre nossas sugestões nunca serem atendidas. Inúmeros detalhes que facilitariam muito o uso do jotform e inclusive fidelizariam o cliente.

    Te agradeço imensamente por me responder.

    Tenho uma outra questão também sobre mudar o nome do link de edição dos envios. Eles vem como Edit submission e muitos clientes aqui não entendem do que se trata. EU vi um trutorial com um link mas este não funcionou. Vou colcoar aqui e ver se vc me da uma luz.

    Essa foi a sugestão do Jotform :

    https://submit.jotformpro.com/form.php?formID=formID&sid=submissionID&mode=edit

    E esse abaixo foi o que fiz mas não deu certo. Quando fui fazer um teste colando ele no browser o formulario pulava de página, engolia varias etapas da edição., ou seja, não deu muito certo.

    https://submit.jotformpro.com/form.php?formID=202137534819658&sid=4927214000721708964&mode=edit 


    Abraço!!

    Ely Junior

  • fcfritas
    Respondido em 28 de março de 2021 às 13:46

    Voltando ao assunto anterior das scroll bars eu tentei inserir o codigo que vc passou mas deu uma mensagem de erro. Testei a url no Formulário tb mas sem sucesso.


    1616953572 6060c0e4b1976 Screen Shot 202 Screenshot 10


    1616953591 6060c0f766915 Screen Shot 202 Screenshot 21

    As barras continuaram.

    Abs

  • Gustavo_H
    Respondido em 28 de março de 2021 às 17:36

    Olá, Ely. Obrigado pelo retorno.


    Então, o lance é que eu não sei como e onde colocar esse código mas vou tentar aqui. Sim eu autorizo a vc levar essa sugestão para os programadores porém esse eu vejo que é um problema recorrente que o fórum inteiro sempre reclama , sobre nossas sugestões nunca serem atendidas. Inúmeros detalhes que facilitariam muito o uso do jotform e inclusive fidelizariam o cliente.

    Sim, a nós também nos gostaria ser capazes de atender a todos, entretanto, como são tantas coisas que poderiam ajudar ainda mais nossos usuários, que os programadores devem fazer um seleção das funcionalidades mais requisitadas e mais importantes.


    Aqui vamos manter o suporte relacionado com o Incorporação do Iframe. Em alguns instantes te envio uma mensagem neste chamado para que possamos buscar uma forma de te ajudar.

    Como usar um outro link para edição do envio feito no formulário?


    Parece que Wix apenas aceita código JavaScript e o código CSS gera esse erro, dessa forma, você vai ter que usar Manipulação DOM para aplicar essa alteração. O seu IFRAME pode ser compartilhado ou tem restrições de privacidade? Se você compartilha conosco o código IFRAME inteiro, posso tentar implementar no meu site de teste Wix e fazer as alterações para que funcione bem no Incorporador. Bom, não te prometo uma solução, mas posso tentar aqui caso você comparta seu IFRAME ou o acesso a página do Wix juntamente com sua autorização para fazer alterações nesse código.


    Esperaremos sua resposta.


    Atenciosamente, 😀