I just tried this out, and I think its what you are talking about. If you make a Note and check the HTML box, you can put anything you want in there, so you could just put an image tag if you want to show an image. So you would put something like <img src="..." >
where … is the URL of the image. Make one of those ‘image notes’ for each of the images, then make a condition that only shows that ‘note’ if the list equals a particular value.
Here is a working example of what I came up with.
Thread Starter
Anthony
(@madburner)
U rock, would I be able to control where the images show up as far as position wise
The image would show up wherever the ‘note’ is in the form. You could probably use some CSS to move the image around relative to that spot, though.
Thread Starter
Anthony
(@madburner)
wonderful, would the image also appear in the submitted form? Not that I want it to. Just wondering.
Actually notes in general don’t show up in the summaries / emails.
Thread Starter
Anthony
(@madburner)
okay, would that mean that I wouldn’t know what surface they selected in the email response after they chose a surface and saw it’s preview (note)
You will get the value of the select box but not the note.
Thread Starter
Anthony
(@madburner)
prefect now one thing. I notice that your example shows the drop down and the image below it (note field w/ the custom rule) I am able to achieve the same affect but I don’t want to display the note name on the front end since they already selected it (seems redundant). When selecting and setting up the conditional rule, if I left the label name blank it also shows up blank but I can’t tell what’s what w/ this method. How can this be shown via the backend (label name) and not in the front end. I hoping I’m explaining it correctly.
Thread Starter
Anthony
(@madburner)
the only way I would that it would work was the <!– Commenting tag –> but that causes major problem as I posted earlier.
I posted this in another thread, but I’ll repeat it here just for kicks: if you give the item a nickname, which appears in the back end, and a blank label, which appears in the front end, this will achieve the desired effect.
Thread Starter
Anthony
(@madburner)
when you say you posted this in another thread which one are you referring to? Also when I tried to go to Item Nicknames, Note Elements is not an option to give nicknames to. Is this what you meant by giving it a nickname?
So I’m a bit confused as to the explanation you just gave. Keep in mind that 8-10 notes that contains html code (images paths) that displays based on the correct conditions chosen through the Drop Down selection items. That part you explained perfectly and it works.
What I was trying to do was not have the notes display the label on the front end and only on the backend but there doesn’t seem to be a way to do this by default. If I leave my notes blank, it works but then I can’t see their title (which is also becomes blank) when trying to add new conditions to them.
Okay I see what you mean now. If you look at the generated code for your form, you will see the li’s have ids like ‘fm-item-note-abcd1234’. What you can do is add a CSS rule for each note like:
#fm-item-note-abcd1234 label { display: none; }
Thread Starter
Anthony
(@madburner)
duhh, why didn’t I think of that. thanks.