Options to enlarge image radio button up selecting the button

  • Profile Image
    Perlman
    Asked on October 18, 2017 at 09:46 PM

    I am looking for suggestions to enlarge a radio image up a user selecting the radio image.

    For example: If a user clicks on the image "Clair White", a larger photo of the "Clair White" can be examined and eventually closed.

    1508377274Screen Shot 2017-10-18 at 6.39

    So when "Clair White" is selected, the form will display a large photo.

    1508377479Screen Shot 2017-10-18 at 6.43

    Large Photo of Clair White:

    1508377533ClairWhite_950_494.jpg

    Thank you,

    Spencer

  • Profile Image
    Welvin
    Answered on October 19, 2017 at 12:00 AM

    You have done the method that I am about to suggest on the "Clair White/Pink" casket. You can do the same method of adding all the large images using our text area or image field then show them by conditional logic when the option is selected from the radio button images.

    Configure to SHOW only (https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer). Do not add HIDE condition since the large images are hidden by default when the SHOW condition exists. 

    Let us know if you need further assistance.

  • Profile Image
    Perlman
    Answered on October 19, 2017 at 12:55 AM

    Thank you,

    The trouble that I am experiencing is that when the hidden images (text fields) are shown by conditional logic, I want to control where on the page they are shown. I don't think that I am able to control this.

    I will have several collapsed sections on a single page of the form. Each section will contain a series of image radio buttons that the user needs to choose.

    However, when an image radio button is chosen within a specified package, the text field that is shown conditionally, always appears at the bottom of the page.

    Do you know if I can have the conditionally shown text field directly underneath a section?

    1508388541Screen Shot 2017-10-18 at 9.48

    In the above photo, I have conditionally shown a text element "Alex Copper with complete service package $2,395.00" after the user selected image radio button "Alex Copper".

    However, I would prefer if the text element "Alex Copper with complete service package $2,395.00" appeared above the section shown entitled "$2,695.00 Mesquite Burial Package: Clair or Homestead Casket"

    This is because the text element "Alex Copper with complete service package $2,395.00" belongs to the section "Sierra Burial Package: Alex or Nordon Casket #$2395.00"

    I hope that is a clear explanation.

    Thank you,

    Spencer

  • Profile Image
    Nik_C
    Answered on October 19, 2017 at 02:22 AM

    In order to show that option right below the options available you will have to move that field right below, meaning:

    This field:

    1508393964Screen Shot 2017-10-19 at 8.20

    Actually, those fields, since there are two: form collapse and Text field, have to be moved right below the options:

    1508394062Screen Shot 2017-10-19 at 8.20

    So the field will show from that place. It is not possible to set where the field will show when conditional logic kicks in. 

    Hope it helps.

    Let us know if you have any further questions.

    Thank you!