Display image beside a question

  • Joy Burns
    Asked on July 21, 2020 at 10:38 PM

    Hi there,

    Is there a way we can move the image as per the attachment below to be placed at the end of the question rather than appearing at the bottom as it currently sits?


    Joy

    Jotform Thread 2463705 Screenshot
  • Vanessa_T
    Replied on July 22, 2020 at 1:34 AM

    Would this display be fine with you?

    Display image beside a question Image 10

    If yes, simply Shrink both fields.

    How-to-Position-Fields-in-JotForm

  • SurfLifeSavingNSW
    Replied on July 23, 2020 at 9:28 PM
    Yes that’s perfect however I cannot seem to “shrink it” like in the picture below.
    Every time I select “shrink” for this question it won’t actually reduce/change for me.
    Pls help
    Cheers,
    Joy Burns
    Training and Education Coordinator | Surf Life Saving NSW
    3 Narabang Way | PO Box 307 | Belrose NSW 2085
    PH 02 9471 8034 | M 0400 017 761
    Please note that the SLSNSW office is currently closed due to the current COVID-19 health emergency. Staff can still be contacted via email and our main phone line (02) 9471 8000 – which continues to be monitored.
    [cid:image001.jpg@01D661A7.FC9F9D80]
    ...
  • Vanessa_T
    Replied on July 23, 2020 at 10:42 PM

    I checked your form and it is displaying side-by-side on actual and in preview.

    1595558499B Screenshot 10

  • SurfLifeSavingNSW
    Replied on July 29, 2020 at 9:28 AM
    Thank you although I have attempted to do it for the rest of the survey and unfortunately can’t seem to shrink it so the image appears next to the question.\
    Can you please help
    https://form.jotform.com/201902682233853
    Cheers,
    Joy Burns
    Training and Education Coordinator | Surf Life Saving NSW
    3 Narabang Way | PO Box 307 | Belrose NSW 2085
    PH 02 9471 8034 | M 0400 017 761
    Please note that the SLSNSW office is currently closed due to the current COVID-19 health emergency. Staff can still be contacted via email and our main phone line (02) 9471 8000 – which continues to be monitored.
    [cid:image001.png@01D665F9.5ED9C340]
    ...
  • jherwin
    Replied on July 29, 2020 at 10:50 AM

    Hello Joy - How about extending the form width to 800px and then set the label alignment for radio buttons to left?
    1596034193left Screenshot 10
    Here's the demo form: https://form.jotform.com/202104060033937

    Please give it a try and let us know if that could work as an alternative.

  • SurfLifeSavingNSW
    Replied on July 30, 2020 at 8:28 AM
    Thank you
    Unfortunately it still doesn’t work for all Q’s (brain still appears on the bottom).
    Where it does work, I feel the question being asked looks quite crammed.
    Thoughts? Suggestions?
    https://form.jotform.com/201902682233853
    Cheers,
    Joy Burns
    Training and Education Coordinator | Surf Life Saving NSW
    3 Narabang Way | PO Box 307 | Belrose NSW 2085
    PH 02 9471 8034 | M 0400 017 761
    Please note that the SLSNSW office is currently closed due to the current COVID-19 health emergency. Staff can still be contacted via email and our main phone line (02) 9471 8000 – which continues to be monitored.
    [cid:image001.png@01D666BD.8505A4C0]
    ...
  • Ashwin JotForm Support
    Replied on July 30, 2020 at 10:00 AM

    Do you want to add this image next to each question you have added in form?

    I have cloned your form and will work on it to add image and also align fields accordingly. 

    I will get back to you on this soon. 

  • Ashwin JotForm Support
    Replied on July 30, 2020 at 10:22 AM

    Please take a look at the following cloned form where I have added the image in first page and see if it works as expected: https://form.jotform.com/202114519400945 

    Do get back to us if this is acceptable and I will apply to rest of the fields.

    We will wait for your response.

  • SurfLifeSavingNSW
    Replied on July 30, 2020 at 7:28 PM
    Hi there
    Yes, thank you that is great. If you could apply to the rest of the fields that would be very helpful.
    Also, if you could help me work out how you did it so I can amend for next time that would be great
    Cheers,
    Joy Burns
    Training and Education Coordinator | Surf Life Saving NSW
    3 Narabang Way | PO Box 307 | Belrose NSW 2085
    PH 02 9471 8034 | M 0400 017 761
    Please note that the SLSNSW office is currently closed due to the current COVID-19 health emergency. Staff can still be contacted via email and our main phone line (02) 9471 8000 – which continues to be monitored.
    [cid:image001.png@01D66715.189684A0]
    ...
  • Vanessa_T
    Replied on July 30, 2020 at 8:52 PM

    Kindly add the CSS below:

    .form-col-1 { width: 70%; }

    .form-col-2 { width: 30%; }

    Guide: How-to-Inject-Custom-CSS-Codes

    Then Shrink all the questions and images that should sit beside each other.

  • Joy Burns
    Replied on August 2, 2020 at 12:28 AM
    Hi JotForm support
    Could you please apply the below custom CSS to the rest of the jotform?
    Cheers,
    Joy Burns
    Training and Education Coordinator | Surf Life Saving NSW
    3 Narabang Way | PO Box 307 | Belrose NSW 2085
    PH 02 9471 8034 | M 0400 017 761
    Please note that the SLSNSW office is currently closed due to the current COVID-19 health emergency. Staff can still be contacted via email and our main phone line (02) 9471 8000 – which continues to be monitored.
    [cid:image001.png@01D668D8.58206130]
    ...
  • Vanessa_T
    Replied on August 2, 2020 at 12:39 AM

    I have now added the CSS below on your form:

    .form-col-1 { width: 70%; }

    .form-col-2 { width: 30%; }

    Please note that you can also simply copy and paste the code by following the guide below:

    How-to-Inject-Custom-CSS-Codes