Options to enlarge image radio button up selecting the button

  • Perlman
    Asked on October 18, 2017 at 9: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 Screenshot 10

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

    1508377479Screen Shot 2017 10 18 at 6 Screenshot 21

    Large Photo of Clair White:

    1508377533ClairWhite 950 494 Screenshot 32

    Thank you,

    Spencer

  • Welvin Support Team Lead
    Replied 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.

  • Perlman
    Replied 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 Screenshot 10

    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

  • Nik_C
    Replied on October 19, 2017 at 2: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 Screenshot 10

    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 Screenshot 21

    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!