I have multiple picture up-loader as shown below and want to force the page visitor to upload 1st image in “Upload Image 1”. e.g. if visitor clicks “Upload Image 2” and “Upload Image 1” is empty, the pop up window should not open but instead “upload image 1” should be focused (and animated).
I tried to implement this via workflows by selecting “when an element is clicked” but i cannot find picture uploader element in list of available elements.
No I would use the element’s condition to disable/enable - you can do a search on different database conditions to control it. This way it responds in real time and doesn’t need to depend on workflow.
You can see the Picture Input’s conditional is set to This input is disabled. So all you need to do is define what kind of condition disables the input. To do this you can define any condition you want from checking other elements to checking a status indicator in your database that you updated in your workflow. This is the way you can control if you can click on the input or not based on what happens elsewhere.