Resize the image on mobile device

  • Hangchanleakna
    Asked on August 2, 2019 at 12:15 AM

    hi , my form is MIT Survey 2019 , looks like the image size viewed on phone is not proper enough. 

    can you please resize it to fit with phone ? 

    customer Name : 

    200003040

    when you type it , it will show the image 

  • jherwin
    Replied on August 2, 2019 at 1:38 AM

    I tried the form using iPhone 6/7/8 emulator and the form is working fine. Can you please show us a screenshot of the issue you're referring to so we can check it?

    Guide: How-to-Post-Screenshots-to-Our-Support-Forum

    Also, please tell us the device you are using so that we can test it with the same.

  • Hangchanleakna
    Replied on August 5, 2019 at 7:05 AM


    when i review these form on phone , the image size is almost cover the whole screen. 

    i review on Iphone xsMax. Resize the image on mobile device Image 10




  • jonathan
    Replied on August 5, 2019 at 8:23 AM

    We apologize for the inconvenience caused. I also test using the form on iPhone X max mobile browser, but so far I also could not reproduce the issue.

    Here is my screencast video when I test.

    1565007622iphoneemulator Screenshot 10


    Can you please try again. I think it is possible that after you click the Customer's box button, the mobile device browser zoomed in -- so the form will appear as if it exceeds the device view screen. Try zoom out the browser if this happen.

    Let us know if issue persist.


  • Hangchanleakna
    Replied on August 7, 2019 at 4:11 AM

    hi , 

    we have seen the Coke Energy CAN is so big , and also the cooler is so big , can we reduce the size of it ? for the check box of each brand. it is okay. 


  • Jed_C
    Replied on August 7, 2019 at 5:58 AM

    Add the code below inside your media CSS code in your form.

    #cid_82 > div > img {

        height: 200px;

        width: 100px;

    }

    ex.

    1565171874The Easiest Online Form Builde Screenshot 10

    Sample output:

    1565171951Dashboard   Google Chrome 2019 Screenshot 21

    I hope that helps. Let us know if you have any questions or if you need further assistance.