How can I make the pics and youtube mobile friendly

  • Profile Image
    Russell 
    Asked 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

  • Profile Image
    Carina
    Answered 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
    Russell 
    Answered 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
    Carina
    Answered 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
    Russ 
    Answered 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
    Carina
    Answered 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
    Carina
    Answered 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.