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

    How can I make the pics and youtube mobile friendly

    Asked by Russell  on February 25, 2015 at 09:29 AM

    Hi,

    When I view one of my forms on the mobile the text fits perfectly but the pictures and youtube app are too large and therefore are 'cut in half'

    Is there a fix for this please.

    Thanks

    Page URL:
    http://form.jotformpro.com/form/50502787000950

    Mobile Youtube and mobile friendly
  • Profile Image

    Answered by Carina on February 25, 2015 at 12:06 PM

    Please add this css code for the images:

    .form-image

    {max-width:100%;height:auto;}

    I will make further tests to resize also the video.

    If you need further support please let us know.

  • Profile Image

    Answered by Russell  on February 25, 2015 at 12:12 PM

    Hi Carina  - thanks for your answer but I do not know how to do that.

     

    Could you please explain

  • Profile Image

    Answered by Carina on February 25, 2015 at 12:20 PM

    I'm so sorry, I forgot to include the link on how to add css code:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Let us know if we can assist you further.

  • Profile Image

    Answered by Russ  on March 02, 2015 at 05:38 AM

    Hi Carina - I have fixed the photos - thanks.

    the YouTube video is still the same though?

  • Profile Image

    Answered by Carina on March 02, 2015 at 09:22 AM

    I'm glad that the photos are already working as requested. I managed to find a workaround for the youtube video.

    I replaced the youtube widget by a Text field and then added the youtube video embed code, by selecting the HTML editor (2) > paste the embedding code (3) > update (4) > complete (5): 

    I then added the following css code:

    iframe

    {width:100%;height:auto;}

    Or you can clone the demo form:

    http://form.jotformpro.com/form/50604125297957? 

  • Profile Image

    Answered by Carina on March 02, 2015 at 09:35 AM

    I'm sorry, but please try adding this css code instead, as I noticed the previous code was affecting the height in normal size:

    iframe

    {width:100%;}

    Let us know if we can assist you further.