JotForm Footer is overlapping Scroll to Top widget

  • Profile Image
    ronildosousa
    Asked on June 07, 2017 at 10:21 AM

    como criar um botao para ir ao topo da pagina?

  • Profile Image
    BJoanna
    Answered on June 07, 2017 at 11:43 AM

    If I understood you correctly, you want to add a button to your form that will go to the top of the page. 

    You can achieve that with Scroll to Top widget. 

    Inside of this guide you can find how to add a widget to your form:

    How to Add a Widget to your Form?

    Hope this will help. Let us know if you need further assistance.

  • Profile Image
    ronildosousa
    Answered on June 07, 2017 at 12:56 PM

    sim coloquei  Scroll to Top mas como tem a propaganda do jotform não mostra o botão.

  • Profile Image
    BJoanna
    Answered on June 07, 2017 at 01:47 PM

    I have inspected your form https://www.jotformz.com/form/71425660758664 and I was able to see mentioned issue. JotForm footer is overlapping bottom part of Scroll to Top widget.

    I will escalate this issue to our developers. We will update you via this thread when this issue is resolved. 

  • Profile Image
    ronildosousa
    Answered on June 07, 2017 at 01:52 PM

    Ok fico no aguardo, obrigado.

  • Profile Image
    ronildosousa
    Answered on June 07, 2017 at 01:58 PM

    Aproveitado outra coisa nao estou conseguindo deixar a descrição do produto e quantidade do lado da imagem, como faço isso.

     

  • Profile Image
    BJoanna
    Answered on June 07, 2017 at 02:11 PM

    Considering that your last question is not related to subject of this thread, I have moved your question to separate thread and we will provide you an answer there shortly. 

    https://www.jotform.com/answers/1166514 

  • Profile Image
    Rose
    Answered on June 08, 2017 at 03:29 AM

    We are sorry for this inconvenience. 

    If you inject following css code to your form, the issue will be fixed.

    .scrollToTopWrapper {

        position: fixed !important;

        bottom: 60px !important;

    }

    Here is how your form will be seen after injecting this css.

    If you need further assistance from our side, please feel free to contact us. 

  • Profile Image
    ronildosousa
    Answered on June 08, 2017 at 06:45 AM

    ok certo, deu certo sim porem tenho esse formulario em um aplicativo devido o botao ficar fora do formulario ele nao aparece no aplicativo.

    como deixar ele dento do formulario?

  • Profile Image
    Rose
    Answered on June 08, 2017 at 08:15 AM

    I'm not sure if I understood your question fully due to translations mistakes. 

    Did you embed your form to a website and the scroll to top widget button disappears? If this is the case, please share us the direct URL of the page where your form has been embedded to allow us to make a further investigation.

    If this is not the issue you have been experiencing, please provide us some more additional information. 

  • Profile Image
    ronildosousa
    Answered on June 08, 2017 at 08:35 AM
  • Profile Image
    ronildosousa
    Answered on June 08, 2017 at 08:37 AM

    verifica na aba pedido de venda.

    http://app.vc/ms_aramados_duler 
  • Profile Image
    liyam
    Answered on June 08, 2017 at 11:27 AM

    Hello,

    The scroll to top widget isn't overlapping while it being in the iframe. It just won't fit the container so it's not appearing on the form. It cannot position itself to overlap the form so it's basically designed to hide when the width of the actual form can only fit the screen or its container.

     

     

  • Profile Image
    ronildosousa
    Answered on June 12, 2017 at 06:55 AM

    bom dia!

    mas tem como colocar ele dentro do conteiner para ser visto? ou tem outra opção que possa substituir essa?

  • Profile Image
    Welvin
    Answered on June 12, 2017 at 08:16 AM

    Inject the following custom CSS Codes in the form:

    .scrollToTopWrapper {

        position: fixed !important;

        bottom: 60px !important;

    }

    .scrollToTopWrapper a {

        left: 20px !important;

    }

    Please follow the steps on this guide to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    ronildosousa
    Answered on June 12, 2017 at 08:54 AM

    ok perfeito, deu certo.

    aproveitando voce sabe se tem como colocar dentro do conteiner uma barra de rolagem?

  • Profile Image
    Sven
    Answered on June 12, 2017 at 11:09 AM

     

    I'm not sure I understand your question correctly due to translation mistakes, can you please provide a screen shot and explain what you'd like to achieve.

     

  • Profile Image
    ronildosousa
    Answered on June 12, 2017 at 11:18 AM

     

    uso o formulario em aplicativo para celular e preciso que mostre a barra de rolagem.

    Hi, 

  • Profile Image
    Welvin
    Answered on June 12, 2017 at 12:25 PM

    I think you have figured this out already. The scrollbar option is already set to Yes in the iframe embed codes.

    I have tested the page using my Android device and I was able to scroll down. Let us know if you are still having issues with the scrollbar. 

  • Profile Image
    ronildosousa
    Answered on June 12, 2017 at 12:45 PM

    mas no meu aplicativo  nao mostra a barra de rolagem.

    veja este iframe do formulario nao altera.

     

  • Profile Image
    BJoanna
    Answered on June 12, 2017 at 01:23 PM

    Screenshot you provided is from our Form Builder. You can not cahnge the code there. You will need to copy that code, then paste it in editor like Notepad, change the code there and then embed the code to your webpage. 

    Getting the form iFrame code

    I have also tested your form on my Samsung Galaxy S4 and scrolling is working properly.

    If you still have issue on your end please let us know which device are you using. 

  • Profile Image
    ronildosousa
    Answered on June 12, 2017 at 01:43 PM

    entrar em pedido de venda.

     

  • Profile Image
    BJoanna
    Answered on June 12, 2017 at 02:04 PM

    I am not sure what do we need to enter and where do we need to enter it. Please provide us a screenshot. Also tell us which device are you using. 

    I was able to fill your form with out any issues and desktop and on my phone.

    Looking forward to your reply. 

  • Profile Image
    ronildosousa
    Answered on June 12, 2017 at 02:29 PM

    CAPTURA DE TELA DO PC E CELULAR ANDROID DA LG - LG K4

     

     

     

  • Profile Image
    Welvin
    Answered on June 12, 2017 at 03:02 PM

    I am sorry, but we don't have the same device to test the page. The scrollbar is already set to yes so you should be able to scroll down the form. The scrollbar will automatically appear when you touch-swipe down. Can you test?