Dropdown insert Text and Img

  • Resolved Shepstar

    (@shepstar)


    6 years, 6 months ago

    Hello,

    I would like to have a PDF and when you choose a dropdown with the value it should insert the value in the PDF and show an image with the picture belonging to the dropdown.

    For example if we have different bicycle frames like frame 1, frame 2, frame 3. So if you choose frame 1 it should show in the PDF
    “Frame 1” and next to the text the correct img of that frame. So that people can see the frame and the text on the PDF.

    Would be great if you could let me know how to achieve this.
    Thanks.

Viewing 1 replies (of 1 total)
  • Plugin Author maximum.software

    (@maximumsoftware)

    I believe I can make this work using the following,

    1. Set up the dropdown like you would normally (mapping the CF7 field to the PDF field using field mapper)

    2. Create a hidden CF7 tag/field called ‘bike-frame’

    3. Set up some JavaScript (that would run when on change event is triggered on the dropdown) that would insert a URL of the corresponding bike frame image into the hidden CF7 field.

    4. Use the image embedding tool to create an image embed that would put contents of the ‘bike-frame’ field into the PDF (it automatically downloads the image from the given URL).

Viewing 1 replies (of 1 total)
  • The topic ‘Dropdown insert Text and Img’ is closed to new replies.