I’m looking at trying to build an interactive booking system so that when the user clicks on an Image on the page, their booking sheet gets prepopulated with text describing what they’ve picked. For example, If I have an Image of a wheel, and the user clicks the wheel, I would like for text saying “Wheel” to be inputed into the relveant box on the booking for. The same for a windscreen or a front bumper
I would like for it to be possible to select multiple images and for them all the be added into the same box in a list.
I’m struggling to get any sort of information to be entered into the “Input Box” once an image is clicked. Any ideas as to where I’m going wrong?
Hi there, @lucas12… if I was doing what you described, I would likely use an option set to define the options such as wheel, windscreen, front bumper, etc. Then, add an attribute to the option set, set the Attribute type to image, and upload the relevant image as the attribute for each option in the set.
With the option set in place, show the images from the option set in a repeating group, and add a workflow to the image element in the repeating group that adds the current cell’s option to a custom state list when the image is clicked. I’m guessing you will want to create two workflow events because you will want one that adds the option to the list when the user clicks the image the first time (i.e., when the custom state list doesn’t contain the option) and one that removes the option from the list if the user clicks the image again (i.e., when the custom state list already contains the option).
Finally, add a multi-dropdown element to the page, set the multi-dropdown’s Choices source to the option set, set the Option caption to the Current option’s Display, and set the Default value to the custom state that I mentioned above.
With that setup in place, the multi-dropdown will display the text associated with each image as it is clicked, and you would have exactly what I believe you described in your post.
