How do I remove the scroll from a text object in card layout

  • oyl
    Asked on December 12, 2017 at 12:44 PM

    Hello,

    I have a text object on my form and the window size is very limited, creating scrolling when embedded which I don't want.

    How can I remove the window size constraint from the text object?

    Thanks!
    Nick

  • TREVON
    Replied on December 12, 2017 at 1:28 PM

    I have checked the form by accessing it directly and its is still scroll-able and the reason is that the text is very long hence making the page scroll-able.

    You may need to reduce the text in the page to remove the scroll.


  • dima_n
    Replied on December 12, 2017 at 1:58 PM

    I found a partial solution to the problem. You can add this piece of code to your site. Then the first question will be displayed without any scroll. Try this code:

    .jfQuestion-fields {

    max-height:860px !important;

    }

    iframe#73455431870963 {

    height: 1200px !important;

    }

    The problem is in the point that this style is applied to other issues as well. That is not good. But still, you can try - maybe that solution will help.

  • oyl
    Replied on December 12, 2017 at 2:43 PM
    Where in the code of my site would i insert this? Within the embed code
    from jotform or somewhere else?
    ...
  • TREVON
    Replied on December 12, 2017 at 2:45 PM

    Thank you for sharing the code. The other approach would be to increase the height of the iframe you have used to embed your form until the scroll disappears.

    Kindly try embedding your for to your website using the code below and let us know if it resolves the issue.

     <iframe title="LIVE FOLEY / SOUND OPERATOR INTERNSHIP" src="" allowtransparency="true" name="73455431870963" id="73455431870963" scrolling="no" style="width: 10px; min-width: 100%; display: block; overflow: hidden; border: medium none; height: 1150px;"></iframe>

    This is how the code when embedded displays in the website.

    1513108068Iframe size Screenshot 10

    Below is a guide on how to embed your form.

    https://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use