Linking images

[Vasie]

Hi, How do one link an url to an image?

Thsnk you

[Wikiwi]

You can create an HTML BLOCK in your DataPage and put the following code:

<a href="PLACE_YOUR_URL HERE">
<img src="PLACE_YOUR_IMAGE_FILE_HERE" width="100" height="132">
</a>

Also, don't forget to disable HTML EDITOR in the advanced setting of your HTML BLOCK.

 

 

[GoodBoy]

Hi! Another way is by clicking the image icon in your HTML block, then a popup window will display so you can insert the image URL and its properties like width, height, and etc. 

[autonumber]

Hello! Just to add, you can view an image from Google Drive just use this syntax and get the actual ID of the image that you want to display.

<img alt="" src="https://drive.google.com/uc?id=INSERTIDHERE" />

You can also check this link for your reference: https://stackoverflow.com/questions/10311092/displaying-files-e-g-images-stored-in-google-drive-on-a-website

[autonumber]

I found this forum post that may also want to check.

 

[Vasie]

Thank you ALL for the advice.

[Vasie]

May I just add. When hovering over the link image Caspio shows "Data table" and not the source image Alt text.
How can I override this?
BTW I saw that the Data table -label also has priority over the help? test.

[Kurumi]

Hi @Vasie - this can be customized under Localizations tab. For related post, you can check this: 

 

[Kurumi]

Hi! Just wanted to share this solution when displaying the image from Google Drive:

<img src="https://drive.google.com/thumbnail?id=xxxxxxxxxxx">

or by declaring the size

<img src="https://drive.google.com/thumbnail?id=xxxxxxxxxxx&sz=w1000">

For reference, you can check this article: https://stackoverflow.com/questions/15557392/how-do-i-display-images-from-google-drive-on-a-website

If you have an existing HTML code for displaying the Google Drive image and it does not work, you can check this recent thread about the issue: https://support.google.com/sites/thread/253003338/images-from-google-drive-in-embedded-html-no-longer-working?hl=en

You may also reach out to Google Workspace Support for other workarounds on how to show the images from Google Drive.