Image icon instead of image

Hello,

I’m trying to embed an image into a form. I’ve read the tutorials, and have tried three different approaches but each time I get the icon below instead of the image.

image

My prefered approach is to hold reference images in Google Drive - so any help would be greatly appreciated.

Could you please add if this image is different and specific to each new record, meanig , do you wish to add a different image to each row and save as part of that row?

Or its it kind of a common image for all the records just for showing say some instruction or as a say section header to uthe app ser and the image need not be added to each of the row and saved as part of that row?

1 Like

Thanks again for your quick response :blush:

I’m creating a survey App – the image is a reference image, so it will show in each form as below; followed by four questions - Measurement A, Measurement B etc The App will contain several more similar images.

Got it. I believe you are looking for Show type columns.

Please take a look at the following sample app

https://www.appsheet.com/samples/How-to-put-an-image-in-a-form?appGuidString=3bbebfea-2f8e-4b22-921e-d01f36e160bb

and the article below , please take a look at show type columns

2 Likes

Got it! Thank you again Mr Gurjar :slight_smile:

1 Like

One more question - How do you make it so the whole of the image is displayed without clicking the image to enlarge? The desktop preview mode shows the image 100% but on my phone, in Form view, the bottom is cut off - until clicked.

I originally sized the image 600x600 pixels, then resized it to 400x400 but the bottom of the image is still cut off…

I am sorry that I may not have very accurate suggestions here. I believe since the various images are of different height to width ratio, one may need to experiment a bit about it. The AppSheet specs expect a square pixel size.

In the particular image shared by you earlier , the height of the image appears to be significantly more than the width. So you may need to adjust the image within 600 X 600 pixel or 400 X 400 pixel.

1 Like

I changed the image pixel size before uploading to Google Drive. So I have tried with both 600 and 400 image sizes.

I’ll play around with the images sizes to see if anything works. The App would work somether, if reference images could be seen without clicking to enlarge.

Once again, your prompt response is very much appreciated.

2 Likes

btw should have read - smother…

I think the view will differ depending on your device. I found, when viewing the App on my galaxy phone - changing the image size to 600 width 400 height resolved the cropped issue.

image

3 Likes

Great. Thank you for sharing the solution details as these will be definitely useful to other app creators working on images in apps.

3 Likes