# Show User Name over a variable image (Cloudinary?)

**URL:** <https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391>\
**Category:** Ask for Help\
**Created:** [November 11, 2021, 12:06pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391 "2021-11-11T12:06:16Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 11, 2021, 12:06pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/1 "2021-11-11T12:06:16Z")

</div>

Hi all 🌸  
I’m not using Cloudinary yet until absolutely necessary.  
I’d like in future evolutions of my app to display an image of user’s favorite drink  
with his/her name as label over it (with a friendly hand script font).  
The drink will be set in User Profile as a carrousel (like a self-service): can be hot or cold  
The label placeholder can be fixed like a bookmark-like, a sticker, a plate with a name stand, I’ll find sth easy to adjust to any name and image.  
Can Cloudinary, if Cloudinary it is, mix column values with images?  
Thks 🌸

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 11, 2021, 12:10pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/2 "2021-11-11T12:10:46Z")

</div>

As long as you can find the font and logic to put your text on images, Cloudinary can do it.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [November 11, 2021, 12:30pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/3 "2021-11-11T12:30:29Z")

</div>

The master @Robert_Petitto has crafted some excellent examples

Here is one ⬇

> [@Cloudinary: Image Filters and Overlays in Glide!](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917/25):
>
> 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! Enjoy!

You just need to dive and and get creative. Cloudinary is 👍

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 11, 2021, 12:34pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/4 "2021-11-11T12:34:49Z")

</div>

I think I’ll show the drink image in the bottom center-left 20 % of this screen. Right in front of the user thumb-zone.  
The background will be an abstract armchair with sth to hold the drink.  
And the label can be about the size as the actions titles, just big enough to be noticed, small enough to match with the other components.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3bb0ce988c9dc5ced2a2dbfeab62e51489335d90.jpeg)  
Will that load properly even with low bandwith?  
Is my idea optimized like this? Or would you suggest sth else?  
Thks.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 11, 2021, 12:37pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/5 "2021-11-11T12:37:03Z")

</div>

> [@L.M](#):
>
> Will that load properly even with low bandwith?

I’m not sure about this, as this is loading from external resources (outside Glide) you must test this to be sure it will work.

Regarding your idea, maybe a visual presentation will be better for me to understand what you want to achieve, but from what you write above Cloudinary can do it.

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 11, 2021, 12:39pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/6 "2021-11-11T12:39:14Z")

</div>

Indeed, Thks, Rosewebstudio 🙂 I’ve come accross one of them. But before investigating further, I needed to check whether my layers were possible without being the central image, but anywhere I want. And with a script font like “Merienda”, since Glide does not yet propose a customizable font for computed texts like User Name.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [November 11, 2021, 12:48pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/7 "2021-11-11T12:48:27Z")

</div>

You can certainly do custom placements of text and image overlays not just central

[https://cloudinary.com/documentation/layers#overlays\_on\_special\_positions](https://cloudinary.com/documentation/layers#overlays_on_special_positions)

Found this about fonts

[https://cloudinary.com/documentation/layers#custom\_fonts](https://cloudinary.com/documentation/layers#custom_fonts)

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 11, 2021, 1:01pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/8 "2021-11-11T13:01:03Z")

</div>

I don’t know what you drink in winter, but imagine Sharon serving you a hot cocoa (chocolate) with spices in a jumbo cup (the drink fancy name: “Coco Sharon”)  
And the placeholder in front of your cup computes “Enjoy your Coco Sharon, ThinhDinh!” written in script font “Merienda”  
Can the image be an animated gif for the smoke?  
It’s just a symbolic gif, not the final one  
 ![HotJumboAnimated](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/c/6c352fde71467ec01bcb0ba289b8343e74a0c09f.gif)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 11, 2021, 1:10pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/9 "2021-11-11T13:10:36Z")

</div>

Indeed possible, though I’m not using your Merienda font. Sounds like you have to upload it to your own Cloudinary then use it as a parameter in your URL.

![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/d/2d206a38b8d1096983fbd87c9c39dbfc71ef2424.gif)

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 11, 2021, 1:24pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/10 "2021-11-11T13:24:38Z")

</div>

Hum. I think a name holder (like in weddings or events) would be more appropriate (and sophisticated): my cup will be 10 times smaller.I can’t find an empty one. No rush.  
Like this.  
So I’ll just display the drink name on the holder (like the cork here) and the User Name on the card board with the message.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/ee56765460b4b5dc26ca9c17dc13dc2b19d4c3b7.jpeg)  
Sometimes the most creative ideas for this come from wedding planners & package deals.

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 11, 2021, 9:06pm UTC](https://community.glideapps.com/t/show-user-name-over-a-variable-image-cloudinary/34391/11 "2021-11-11T21:06:47Z")

</div>

They have Google Fonts! Merienda 🤩

 ![Screenshot_2021-11-11-22-04-22](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/9/5960501ea06d1379425845d70ce72e21d1ffa936.png)  
Handwriting like with single storey “a”
