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

    Images are showing sideways in the image element

    Asked by haggis on May 17, 2017 at 08:17 PM

    The images are showing sideways in the image element, but when you click on them to load them from the server, they are showing correctly.

    https://form.jotform.us/71334916084154

    I tested in Safari and Chrome on OS X and both show the sideways images.

     

     

    Please help.

     

    Thanks!!

     

    Page URL:
    https://form.jotform.us/71334916084154

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 17, 2017 at 10:59 PM

    I checked your form (https://form.jotform.us/71334916084154 ) and I was able to see what you are referring to. The images are showing sideways on your form. To fix this, you need to add a custom CSS on your form to align those images.

    Please add this custom CSS on your form:

    #cid_24, #cid_25, #cid_27, #cid_29, #cid_30{

    position: relative;

    }

     

    #cid_24 {

        right: 10px;

    }

    #cid_25 {

        left: 20px;

    }

    #cid_27 {

        right: 10px;

    }

    #cid_29 {

        left: 40px;

    }

    #cid_30 {

        left: 50px;

    }

    #cid_30 {

        left: 50px;

     

    }

    Here's a guide on How to Inject Custom CSS Codes.

    Result:

     

  • Profile Image

    Answered by haggis on May 18, 2017 at 12:07 PM

    That aligns the images nicely in a column, but it does not fix the fact that the images are sideways.  The glasses should be shown upright.  The images are correct on the server.

  • Profile Image
    JotForm Support

    Answered by Kiran on May 18, 2017 at 01:27 PM

    It looks like that there is an issue with the image itself. I have tried adding a different source and they seem to be displaying correctly. I have also downloaded the image and hosted in our file server to test. As I check the same image on a new form, the image is still displaying rotated.

    As I further check the image properties, they seem to be taken using an iPhone 6s. As you check the images on your form, the correctly displaying images are edited using Photoshop and the rotated images are iPhone photos. In order to display these photos correctly on the form, you may edit the images and save them as different images.

    Please take a look at the following links that might help you with more information in this regard.

    http://www.macworld.com/article/3065974/photography/how-to-solve-incorrect-photo-rotation-after-sync-or-upload.html

    https://iphonephotographyschool.com/iphone-photos-upside-down/

    Hope this information helps!