Open an image sent in a chat to view it in full screen when clicked in comment/chat components

[Giovanni]

Hello Gliders,

the building process has been great so far and I appreciate the warm support of the community!

I have a feature in mind that I would like to add if possibile:

when users click on an image on the chat I would like to let them see it in full screen to zoom in if needed.

Is it possible to add?

I have a doubt because I don’t see the option in the action section…

Can you help me with this? Thank you in advance!

(The community app is working great and the users are already enjoying it!)

[Himaladin]

Limited like a YouTube image thumbnail compared to what you asked before.
The same goes for Zoom in, it can only be done using custom CSS.

[Giovanni]

Thanks for your answer Himaladin! So if I understand correctly with the Maker Plan I will be able to implement it?

[Himaladin]

Yes… Paid Glide has it.
Before going there, you can try using inline CSS with transform: scale(200%).
However, in my opinion, zooming in with hover is very distracting. Maybe you should be satisfied with just clicking.

[Jeff_Hager]

If this is just an HTML <img> tag, couldn’t you wrap that in an <a href> tag to open the image url as a link?

[Himaladin]

I thought you already understood the YouTube thumbnail earlier. I misunderstood your core issue after the mention @Jeff_Hager.
It’s better to use it by clicking, here’s the HTML tag:

<a href="URL"><img src="URL" alt="img" style="width:100%;"></a>

This is for audio if you want to record sound too:

<div style="height:40px;margin-top:10px;"><audio controls playinline style="height:40px;" src="AUDIOURL" type="audio/mp3"></audio></div>

[Giovanni]

It’s working now! Thanks!!