Displays images from a column containing links to images. This is an alternative to using templates. When users hover over the image, a larger version pops up.
Medium to large-sized images work best with the ImageType keyword.
not_interested Don't use the ImageType keyword when using an HTML <img src=""> tag in your template sheet. This will break the internal HTML layout of your app.
You can use this keyword in the:
Comments
18 comments
Is the only google site image working ? google drive not working ...?
Hello Krushnakumar Joshi,
If you want to display images from your Google Drive, you need to consult this article.
Kind regards.
Thomas
I am able to import images directly into my Google sheet - is it possible to use these images with Awesome table or must I only use hyperlinks?
I tried using ImageType but the picture is blank in the Awesometable.
Hello Sharon Quarrington,
Indeed, you need to use hyperlinks to make work the imageType keyword. Otherwise, it won't work.
Thank you for your understanding.
Thomas
I wanna change size of mi picture, this is possible??
Hi @Luis.
The imageType keyword automatically renders the size that's appropriate for your view (Table or Cards). Alternatively, you can specify the dimension of your images by changing your HTML Template or the CSS selector of the images.
- Randy
Hi everyone,
I am trying to create a table that displays a variety of images based on the text that appears in each cell. I'm using Find and Replace to replace the text with the Image URL. There may be a better way of doing that, but I'm working with about 32 different images and working across multiple columns, and the formulas would just get crazy trying to make one formula to do all that if/then business, so I'm just manually finding and replacing.
Anyway, I stopped to test out my progress, and I noticed that some images display on my table, and some don't. They are all hosted image URLs--not dealing with the Google Drive hosted issue. As you can see in the video linked below, all the images I added are actually there, I know because they show up when I hover over seemingly empty boxes, but they are not displaying a thumbnail when viewing the table--at least MOST of the images aren't displaying.
Video: https://www.youtube.com/watch?v=a8_1cif1CIA&feature=youtu.be
Any suggestions? You may see that I have "?size-100" at the end of my image addresses. That was me trying to rezise the image to get it to display. it didn't work. For the images that display, one is a png and one is a jpg. Most of my images are png... any advice appreciated.
Note: I'm expecting/wanting the ImageType filter to ignore text that isn't an image URL. I want that to happen.
Hi @Anthony.
Please share your:
AwesomeTable link - Share with us your AwesomeTable & Google Sheets datasource so we can pinpoint where the problem is and provide the right solution at the soonest possible time. Detailed instructions here.
Google Sheets datasource - It's best to set the sharing settings to Anyone with the link. Click here to learn more.
You can opt to anonymize your content by using dummy data (fake, but realistic) if your Sheets contains confidential info.
- Randy
Here is a copy of my spreadsheet with personal data removed: https://docs.google.com/spreadsheets/d/1fWAmEjD8xMtfXmoqWwPvLSJ9_s4IS9jDJLdLQpmtkuA/edit?usp=sharing
And a link to the Awesome Table view--notice the first row is not showing all the thumbnail images, but hovering over the cells shows the image: https://awesome-table.com/-LmbkEf1TuU3WoChal1t/view
Any advice appreciated.
Thanks for the files, @Anthony.
Our imageType keyword will only work if the records (rows) contains the links of the images that will be used.
In your datasheet, only a couple of cells have the correct input type (URL or links).
The prescribed structure is to fill out the entire column with the pertinent image links like in the screenshot below.
Hope this clarifies everything.
- Randy
The current content
Prescribed imageType content
Is there a way to resize the thumbnail size? we want to make it smaller is it possible? custom css is only applicable to cardCatalog view
Hello @Randolph Novino,
Even if you use a table view, you can use custom CSS. You just need to specify in the Awesome Table view editor your CSS template. Here is an article that could be useful.
Kind regards.
Thomas
My table is showing the link to the image but NOT the image. Please help.
Hovering over the picture to see it bigger is not working on my awesome table any suggestions on how to fix it?
Becky
Hello Rebecca,
To help me find the source of your issue I would like you to create a ticket on our contact form: https://support.awesome-table.com/hc/en-us/requests/new. Please, in the same time, don't forget to:
If your data is sensitive please create a copy of your spreadsheet with fake but realistic data.
Thanks in advance.
Is there a way to make an image a clickable link? I am able to get the image to display and I have text that can be clicked to go to a desired website. I would like the option to click either the text or the image to go to the same website. Is this something that can be done? Thanks so much.
Hi Chris,
Yes, indeed it is possible to do so. Please find our article about Hyperlink keyword that will allow you to add links to text and images: https://support.awesome-table.com/hc/en-us/articles/115003754905
Thanks
Hi I would like to check with everyone if you face the same issue with me. It seems that Google did some update onto the system and it affect the process to obtain the shareable link. With this change, when I right click on image file in Google Drive, it will pop up the message about security setup, as shown in below attached image. This affect all image, that I obtained the link after this change, not to be able to display the image in Awesome Table. I also provide screenshot of how this change affect the Awesome Table display. As you can see that all 5 items on top it can display the image because these are item that was created before this change. However, the bottom 3 images don't have the image appear. Please let me know if anyone has the same issue and has the solution already.
Please sign in to leave a comment.