Display image beside a question

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

  • Profile Image
    Vanessa_T
    Answered on July 22, 2020 at 01:34 AM

    Would this display be fine with you?

    159539602001030.jpg

    If yes, simply Shrink both fields.

    How-to-Position-Fields-in-JotForm

  • Profile Image
    SurfLifeSavingNSW
    Answered on July 23, 2020 at 09: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]
    ...
  • Profile Image
    Vanessa_T
    Answered 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.gif

  • Profile Image
    SurfLifeSavingNSW
    Answered on July 29, 2020 at 09: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]
    ...
  • Profile Image
    jherwin
    Answered 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.png
    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.

  • Profile Image
    SurfLifeSavingNSW
    Answered on July 30, 2020 at 08: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]
    ...
  • Profile Image
    ashwin_d
    Answered 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. 

  • Profile Image
    ashwin_d
    Answered 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.

  • Profile Image
    SurfLifeSavingNSW
    Answered on July 30, 2020 at 07: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]
    ...
  • Profile Image
    Vanessa_T
    Answered on July 30, 2020 at 08: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.

  • Profile Image
    Joy Burns
    Answered on August 02, 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]
    ...
  • Profile Image
    Vanessa_T
    Answered on August 02, 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