RE: Grid With Images - Adding Images to a column and displaying them (Many to Many Relationship)

Jacob Grafenstein — Mon, 10 Sep 2018 15:07:18 GMT

Hi Siddharth,

You most likely will not be able to display the images directly in the grid. The issue is challenging because the rows will not have the same number of images. Instead this is the approach I would suggest:

1. Select the rows you would like to add images to.

2. Display an upload field somewhere outside of the grid.

3. Upload as many images in the upload field as is desired.

4. User clicks a button "Upload Images" which will reload the form (In the save into on this button, associate each image with the selected rows).

5. In the grid, there is a link on each row to "View Images", which uses the In-Place Drill Down design pattern from the Appian documentation.

Hope that helps!

RE: Grid With Images - Adding Images to a column and displaying them (Many to Many Relationship)

TJ — Mon, 10 Sep 2018 06:55:10 GMT

Hi Siddharth,
Displaying multiple images is a definite UX challenge. Hoping you already have resolved multi-dimensional array issue, here is my advise on UX:
a. Carousel- Using gridLayout() Try to create carousel like user experience where users would have one (or two at max) images shown following by pagination links. < and >. These links would change images and will be disabled when end of pagination is reached.
b. Zoom In- Show images using 'TINY' and 'ICON' style and clicking on any image would zoom in the image. You can also try to use 'Thumbnail' if you intend to display image in full screen