What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    The images is in website are not responsive

    Asked by Peter Whittle on November 23, 2016 at 12:48 AM

    I am trying to use embed codes for displaying images on my website but they are not responsive when enlarging the page and making it smaller.

    I've tried adjusting the width to 100% in the code but the height never adjusts correctly.

    I am using wordpress, do I need to paste a code into my elated options in custom CSS



    This is a re-post of a comment on Which form embed code should I use?

    height embed codes and not responsive
  • Profile Image
    JotForm Support

    Answered by candy on November 23, 2016 at 04:38 AM

    Hello,

    We would like to help you with this issue. Could you please give us the form URL that you are working on?

    Also, you can add mobile responsive widget in your form as the following link: https://widgets.jotform.com/widget/mobile_responsive

    Thanks in advance.

  • Profile Image

    Answered by Peter Whittle  on November 23, 2016 at 01:40 PM

    So I need this embed below to stretch all the way into my post column (width wise is the most important) and be responsive to the height and width once the browser is stretched or minimized.....but it wont. When I put the width as 100% the height is not responsive regardless of what I change it to, If I enter a set value it overrides the width. Does that make sense? Maybe I need to enclose the embed with a border or maybe even a post within a post? would this work?>

    <iframe id="embed-frame-18144" style="border: 0px none;" src="//media.atlanticimages.uk/embed/0x763178316a5a4277774330622b716a4a67474b316d5a44556f325662584a4e63674e59546134632f66587a7554324534767a6b6a4f46634e3468316c6c38367237742b574c684a7135474c6f6b555675437444346971385a576f4b472f716d6645393634547439374568325a326b6166332f6a4d6948327a45367155524b5054" width="548" height="825" scrolling="no" data-image-link="http://media.atlanticimages.uk/item/en/1/18144"></iframe>

  • Profile Image
    JotForm Support

    Answered by Jan on November 23, 2016 at 03:44 PM

    Is this the form (https://www.jotform.com/63263736163962) you're working with? I have checked that form but I didn't see any image on it.

    Please provide the URL of the webpage where the form is embedded so that we can further investigate.

    If you are planning to embed a JotForm form to Wordpress, then you can refer to these guides: 
    Adding-Forms-to-Wordpress-org-Version 
    How-to-embed-a-form-to-Wordpress-com

    You may also embed it using the iFrame method. Here's a guide: Getting-the-form-iFrame-code.

    Also, if you form is not responsive, you can insert the Mobile Responsive widget in your form just like what my colleague Candy suggested. Here's a guide on How-to-Add-a-Widget-to-your-Form.

    Hope this helps. Let us know if you need further assistance. Thank you.