You’re a hero!
@ionamol deserves some credit for finding the resource to begin with! I just finished creating the third tutorial—image overlays! Will post it below once it finishes uploading/processing.
Thank you, Robert!
Both of you do great stuff!
Tutorial #3: Image Overlays w/ Cloudinary
Make sure to watch the first two videos—they set the premise/logistics to accomplishing this feature.
This video explains:
- The syntax of an overlay image in Cloudinary
- How to concatenate columns to construct an image dynamically from two columns in your sheet
- How to do relation > lookup > template columns in Glide to construct the image overlay URL
Excited to see what y’all come up with. Reply to this thread with your examples!
Have you noticed that images are now loaded by default on Cloudinary?
That’s a great feature as we will be able to perform lot of transformations within Glide, playing with the images URLs!
Not loaded on Cloudinary, to be exact, but displayed by Cloudinary
What do you mean? The preview of the image in the columns?
I’ve noticed that the title and overlays for images use cloudinary when viewing page source. Kinda wonder if you can have the image url to use some of cloudinary’s magic.
Wait…you mean the tag/avatar of tiles/images use Cloudinary?
Not 100% but I’m assuming based on what I saw in the page source. They are stealing your ideas @Robert_Petitto.
Hum wait, yep in fact it’s the preview of the image, in the data editor, sorry. I copy paste the url of this preview to store it into another app, to avoid loading again the same image. That’s how I notice Cloudinary is used, yes. Sorry
Oh…wow, never even realized. Yeah…it looks like Glide is passing their firebase images through Cloudinary via a fetch. I don’t think we can necessarily take advantage of that, but it makes a lot of sense how they’re able to do tags/avatars, etc.
If you want to mimic the title component (one line of text), do this:
Where your text is in column A and your image is in column D. You can also play with the colors
AMAZING work Roberto
@Robert_Petitto, You’re my new hero brother. thanks for this amazing insights
@Robert_Petitto just echoing how stellar you are
I can’t wait to go through your tutorials and see how I can incorporate this into my next project.
@Robert_Petitto The Cloudinary parameters are nice. Good find. Thank you.
this is super awesome. I look forward to many more “hacks” like this. This is sweet. Congrats for the find and the generosity to share!