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

  • Profile Image
    andradetec
    Asked on May 12, 2017 at 01:17 PM

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

     

    Como resolver isto?

  • Profile Image
    Kevin_G
    Answered on May 12, 2017 at 02: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. 

     

  • Profile Image
    Rose
    Answered on May 22, 2017 at 08: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?

  • Profile Image
    andradetec
    Answered 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? 

  • Profile Image
    Jim_R
    Answered on May 25, 2017 at 02:15 PM

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

    (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 

  • Profile Image
    andradetec
    Answered on May 25, 2017 at 03: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?

  • Profile Image
    Jim_R
    Answered on May 25, 2017 at 03: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.

  • Profile Image
    andradetec
    Answered on May 25, 2017 at 03:56 PM

    Ok! Tudo certo agora!