Image selection input

This guide will take you through how to set up an Image selection input.

Prerequisite data

No connectors will be used in this example, but data from table steps will be utilized. Please download the file below; it will be used to import into the required table steps

540B

Image selection.csv

Add a data grid

1. Open an existing application or create a new one in an application package and open it in the Designer.

   1. Add a User step.

   2. Add a Table step.

   3. Open the Table step and select Import File.

   4. Choose the semicolon separator and click OK.

   5. Select the "Image selection.csv" file downloaded in the prerequisite section above.

   6. Set the table variable name to "Articles" and click OK.

   7. Change the step name to "Articles". It's good practice to name steps after their content.

   8. Right-click on the "Articles" step, select Add data arrow, and connect it to the User step created in step 1.

1. Open the User step.

   1. Add an Image Selection Input.

   2. In the Target Variable, write "Article".

   3. In the Data Source, in the Table Variable, choose the table "Articles".

   4. In the Prompt, write "Choose an article".

   5. In the Item Text, write "{Name}".

   6. In the Image Source, write "{Picture}".

   7. Check the "Allow Multiple Selections" checkbox.

2. Click the Play button in the top right-hand corner to run the application in diagnostic mode.

The grid shows all articles, with picture and name.

1. Condition to hide

   1. In the Condition To Hide, write “{userId = “your user id”} (the user Id you log in to Connect with)

   2. Run the application in diagnostic mode again.

The articles are now hidden since the condition is fulfilled.