Changing image based on dropdown list selection

Follow

New To Agilepoint User

• September 06, 2024 08:20

Good day.

I'm new to agilepoint and i need help with changing the image that is displayed in a single image in my form.

i.e. if a user selects option 1 from the dropdown list, then picture 1 must appear and if option 2 is selected, then picture 2 must appear.

can this be done using the rules for the form or must a javascript be used to do this, and if so please help.

Thanks

 

 

0

• 

  Dhanush

  • September 06, 2024 11:32

  Hi Dominic,

  You can achieve this by using rules exclusively for the dropdown control.

  For example, if your dropdown has two options (Option 1 and Option 2) corresponding to Image 1 and Image 2 controls, you can create three rules:

  • Rule 1: When the dropdown is set to Option 1, show Image 1 and hide Image 2.
  • Rule 2: When the dropdown is set to Option 2, show Image 2 and hide Image 1.
  • Rule 3: When the dropdown is empty, hide both Image 1 and Image 2.

  0

  Comment actions Permalink
• 

  New To Agilepoint User

  • September 09, 2024 07:10

  Good morning Dhanush.

   

  Thank you for your feedback.

  I played with the rules and was able to get the image to react when an option is selected from the dropdown list. I tried calling images that I've uploaded into the image's database (see below)

  

  But when I run the preview, the image changes with the error "Article Image is missing" (see below). How can I resolve this? I greatly appreciate any help.

  

  0

  Comment actions Permalink
• 

  Jason Wells

  • September 10, 2024 15:46

  Hello,

  Is this happening with both your images, or just the one?

  Also, here is more information regarding the image control: https://documentation.agilepoint.com/8000/appbuilder/cloudformImagePickerWin.html

  Thanks,

  Jason Wells

  0

  Comment actions Permalink

Please sign in to leave a comment.