Payment Integration: Product container is cutting off at the bottom and not showing all sub-products.

  • andradetec
    Asked on May 12, 2017 at 1:17 PM

    Os subprodutos ficaram ocultos, Ou seja, não é mais possível visualizar todos os subprodutos.

     

    Como resolver isto?

    Jotform Thread 1143307 Screenshot
  • Kevin Support Team Lead
    Replied on May 12, 2017 at 2:38 PM

    Apologies for the inconvenience this may have caused to you, I have checked your form and noticed what you're reporting. 

    I will report this to our second level so this can be checked by our developers, in the meantime, please inject the following code in order to allow your users to scroll over the products and view all the options: 

    .form-product-item {

        overflow-y: auto;

    }

    This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    We will let you know as soon as we get any update about this ticket. 

     

  • Rose
    Replied on May 22, 2017 at 8:17 AM

    Thank you for your understanding and patience. 

    I was informed by the developer who was assigned to this ticket. The issue should have been fixed by now. Could you please check and let us know if the issue still persists on your side?

  • andradetec
    Replied on May 25, 2017 at 12:40 PM

    Sim foi corrigido.

    Entretanto eu gostaria que não fosse necessário o recurso de rolagem da tela para visualizar os subprodutos, ou seja prefiro eles expostos de forma fixa como era antes de ocorrer o problema.

    Isso é possível? 

  • Support_Management Jotform Support
    Replied on May 25, 2017 at 2:15 PM

    Thanks for confirming that the issue is now fixed. I'm assuming you want it to be rendered this way:

    Payment Integration: Product container is cutting off at the bottom and not showing all sub products Screenshot 20

    (e.g. show the entire product options without the scrollbar)

    If that's the case, you can achieve this by adding these CSS Codes:

    .form-product-item-detail {

      height: auto !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes 

  • andradetec
    Replied on May 25, 2017 at 3:25 PM

    Exatamente isso! 

    Entretanto após inserir o código percebi que a barra de rolagem ainda continua la fazendo uma pequena rolagem e travando assim a rolagem normal de todo o formulário. Isso é percebido em telas de celulares.

    É possível retirar completamente essa barra de rolagem dos subprodutos?

  • Support_Management Jotform Support
    Replied on May 25, 2017 at 3:46 PM

    Your form 70483569921667 doesn't have the CSS Codes we suggested though.

    Here's a cloned copy of your form 71445262513956 that shows the products without the scrollbars.

    Can you please give it another try and inject the codes we last suggested? Here they are again for your convenience:

    .form-product-item-detail {

      height: auto !important;

    }

    Afterwards, regardless if it works or not, please keep the codes on your form so we can see what went wrong.

  • andradetec
    Replied on May 25, 2017 at 3:56 PM

    Ok! Tudo certo agora!