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

    Make Images in Form Responsive

    Asked by petercampbell on February 27, 2017 at 11:27 AM

    Hi

    I have made a form which works well with mobiles how ever all of the images I have added are not responsive on mobiles so distort the page size.

     

    Is there any way to make these images responsive so that they are resized based on mobile device?

     

    Thanks 

    Page URL:
    http://www.dev.i-acs.co.uk/about-magento-demo-store

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 27, 2017 at 12:41 PM

    That's possible. Inject this CSS codes to your form to make all the images in your form mobile responsive.

    @media screen and (max-width:480px){

    .form-image {

        width: 100%;

        height: auto;

    }

    }

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

    As a result:

  • Profile Image

    Answered by petercampbell on March 09, 2017 at 08:44 AM
    Thanks very much - that's great!
    --
    [image: photo]
    *Peter Campbell*
    Sales & Marketing Manager, i-A.C.Systems
    office: +44 (0)20 81333679 | www.i-acs.co.uk
    dd: +44 (0)20 3859 3321
    peter.campbell@i-acs.co.uk
    [image: http://www.facebook.com/pages/I-ACSystems/229467530398901]




    [image: https://uk.linkedin.com/in/petercampbell93]

    This message is for the designated recipient only and may contain
    privileged, proprietary, or otherwise private information. If you have
    received it in error, please notify the sender immediately and delete the
    original. Any other use of this email by you is prohibited.
    ...
  • Profile Image

    Answered by petercampbell on March 09, 2017 at 08:46 AM
    Thanks very much - that's great!
    --
    [image: photo]
    *Peter Campbell*
    Sales & Marketing Manager, i-A.C.Systems
    office: +44 (0)20 81333679 | www.i-acs.co.uk
    dd: +44 (0)20 3859 3321
    peter.campbell@i-acs.co.uk
    [image: http://www.facebook.com/pages/I-ACSystems/229467530398901]




    [image: https://uk.linkedin.com/in/petercampbell93]

    This message is for the designated recipient only and may contain
    privileged, proprietary, or otherwise private information. If you have
    received it in error, please notify the sender immediately and delete the
    original. Any other use of this email by you is prohibited.
    ...