# How do I edit in Cloudinary? (see sample)

**URL:** <https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461>\
**Category:** Ask for Help\
**Created:** [December 3, 2021, 11:35am UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461 "2021-12-03T11:35:13Z")\
**Posts on this page:** 15\
**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:** [December 3, 2021, 11:35am UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/1 "2021-12-03T11:35:13Z")

</div>

Hi & Sorry to bother you with maybe very obvious thing, but I wanted to start by testing this template, with my own text. And there’s no way I can find how to edit: whenever I click on the url, il opens the url.  
How am I supposed to edit?  
Thks  
[Cloudinary Management Console - Transformations](https://cloudinary.com/console/c-c74e1ce824a93ab170e9f8e918796b/transformation_editor?panel=transformation&resourceId=image%2Fupload%2Frecipes%2Fscout-chrono&transformation=%24text_%21The%2520More%2520You%2520Know%21%2C%24arc_115%2Fq_auto%2Cf_auto%2Cfl_lossy%2Fl_text%3Afutura_50%3A%24%28text%29%2Cco_black%2Ce_distort%3Aarc%3A%24arc%2Cg_center%2Cy_-186%2Cx_-2%2Co_50%2Fl_text%3Afutura_50%3A%24%28text%29%2Cco_white%2Ce_distort%3Aarc%3A%24arc%2Cg_center%2Cy_-189%2Cx_1%2Co_50%2Fw_250&)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/ee1bd85d7acc7dbbdec93ddb5be6cd2f9ee65c5b.png)

I can’t even replace the Sample Text “The More You Know” by my own one, for a start.  
😕

---

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 3, 2021, 11:53am UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/2 "2021-12-03T11:53:04Z")

</div>

First upload an image to the base folder and use it as background.  
Then use the text component to add text by specifying the x and y co-ordinates.  
These are URL changes.  
An example can be found below.  
“[https://res.cloudinary.com/dnj6xry45/image/upload/$text\_!The%20More%20You%20Know!,$arc\_115/fl\_lossy,q\_auto/co\_rgb:000000,e\_distort:arc:$arc,g\_center,l\_text:futura\_50:$(text),o\_50,x\_-2,y\_-186/co\_rgb:ffffff,e\_distort:arc:$arc,g\_center,l\_text:futura\_50:$(text),o\_50,x\_1,y\_-189/c\_scale,w\_250/v1638532196/recipes/scout-chrono.png](https://res.cloudinary.com/dnj6xry45/image/upload/%24text_!The%20More%20You%20Know!,%24arc_115/fl_lossy,q_auto/co_rgb:000000,e_distort:arc:%24arc,g_center,l_text:futura_50:%24(text),o_50,x_-2,y_-186/co_rgb:ffffff,e_distort:arc:%24arc,g_center,l_text:futura_50:%24(text),o_50,x_1,y_-189/c_scale,w_250/v1638532196/recipes/scout-chrono.png)”

Replace your text between the $text\_! and !  
using the URL directly.  
For example:  
“[https://res.cloudinary.com/dnj6xry45/image/upload/$text\_!The%20is%20a%20test%20striing!,$arc\_115/fl\_lossy,q\_auto/co\_rgb:000000,e\_distort:arc:$arc,g\_center,l\_text:futura\_50:$(text),o\_50,x\_-2,y\_-186/co\_rgb:ffffff,e\_distort:arc:$arc,g\_center,l\_text:futura\_50:$(text),o\_50,x\_1,y\_-189/c\_scale,w\_250/v1638532196/recipes/scout-chrono.png](https://res.cloudinary.com/dnj6xry45/image/upload/%24text_!The%20is%20a%20test%20striing!,%24arc_115/fl_lossy,q_auto/co_rgb:000000,e_distort:arc:%24arc,g_center,l_text:futura_50:%24(text),o_50,x_-2,y_-186/co_rgb:ffffff,e_distort:arc:%24arc,g_center,l_text:futura_50:%24(text),o_50,x_1,y_-189/c_scale,w_250/v1638532196/recipes/scout-chrono.png)”

---

<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:** [December 3, 2021, 12:14pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/3 "2021-12-03T12:14:38Z")

</div>

Thks, but where exactly is the text component?  
I only see images “components” on the left pane, and nothing as simple as a text “component”. Is it really a component, or do I have to edit the raw url? Provided I know how to click in edit mode without opening the url instead.  
Very confused.  
I can load my background, OK, but there’s no (easy) way I can find the simple text layout “component”

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/b/abf79a554ce4b0e251de7b92ff6466651b37a8f0.png)  
I tried the “More options”, “Overlay”, but it’s expecting an image, not a simple text.  
I also tried “Add tag”, it does not seem to react as I thought  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/9/296d472f21f012d21a573cf84bd720f7cf839c46.png)

---

<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:** [December 3, 2021, 12:21pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/4 "2021-12-03T12:21:14Z")

</div>

> [@ShantanuIyengar](#):
>
> Replace your text between the $text\_! and !

I don’t understand how you enter in edit mode in the 1st place. I can only launch the url, never edit it 😕  
Thks

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 3, 2021, 12:29pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/5 "2021-12-03T12:29:25Z")

</div>

Just guess 😄

![Screenshot 2021-12-03 192818](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/a/0a3e3704c61eaf03a856cd9749e52b14f76cea65.jpeg)

---

<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:** [December 3, 2021, 12:33pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/6 "2021-12-03T12:33:49Z")

</div>

🤯

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 3, 2021, 12:37pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/7 "2021-12-03T12:37:39Z")

</div>

Yes, this is how Cloudinary works, it allows us to change the image via the URL without having to go back to the dashboard.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 3, 2021, 12:41pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/8 "2021-12-03T12:41:32Z")

</div>

Have you seen my tutorial?

> [@Cloudinary: Image Filters and Overlays in Glide!](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917):
>
> Thanks to @ionamol for keying me into Cloudinary for on the fly, URL based image editing! This awesome resource allowed me to gray out badges that haven’t yet been earned by the user— Started by uploading the image into Cloudinary and then using the built in tools to generate the new URL. Used this URL schema to create this formula: Then, simply created an if/then in Glide. If the badge was owned by the user, then use the colored URL, i…

---

<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:** [December 3, 2021, 12:41pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/9 "2021-12-03T12:41:37Z")

</div>

Aha, I may start to understand:  
[scout-chrono.png (250×334) (cloudinary.com)](https://res.cloudinary.com/cloudsharon/image/upload/%24text_!Coco%20Sharon!,%24arc_115/fl_lossy,q_auto/co_rgb:000000,e_distort:arc:%24arc,g_center,l_text:futura_50:%24(text),o_50,x_-2,y_-186/co_rgb:ffffff,e_distort:arc:%24arc,g_center,l_text:futura_50:%24(text),o_50,x_1,y_-189/c_scale,w_250/v1637348014/recipes/scout-chrono.png)

I just edit the url from my browser’s address bar. Is it how this is supposed to work?  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/d/0d8bf70c784f2096564401320e610604ae91c3d3.png)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 3, 2021, 12:59pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/10 "2021-12-03T12:59:59Z")

</div>

Here’s a more indepth video tutorial. I’ll make a more polished version within the next couple days:

> **[Bob's Project · Glide - 3 December 2021](https://www.loom.com/share/cd8475d9e1db462a96d76657c19aa30d)**

---

<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:** [December 3, 2021, 1:40pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/11 "2021-12-03T13:40:38Z")

</div>

Thks, Bob 🌸 You also solved another enhancement I wished to colorize Youtube thumbnails, thus harmonizing them better with my layout, instead of “patchworking videos-list”.  
Where did you find all the parameters?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 3, 2021, 1:42pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/12 "2021-12-03T13:42:33Z")

</div>

These were helpful:

[https://cloudinary.com/documentation/image\_transformations](https://cloudinary.com/documentation/image_transformations)

[https://cloudinary.com/cookbook](https://cloudinary.com/cookbook)

---

<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:** [December 3, 2021, 1:45pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/13 "2021-12-03T13:45:30Z")

</div>

🤩 with classy James Stewart as a bonus. Perfect, thks Bob. I feel less stupid.

---

<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:** [December 4, 2021, 11:05am UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/14 "2021-12-04T11:05:42Z")

</div>

> [@L.M](#):
>
> Thks, Bob 🌸 You also solved another enhancement I wished to colorize Youtube thumbnails, thus harmonizing them better with my layout, instead of “patchworking videos-list”.

Alas, my good Bob, I was hoping to blend the Youtube miniatures to #8F6072 rosegold shade of color, but unfortunately, the target column does not even show up in the list of replacement candidates in the template URL 🙇‍♂️ Tant pis. So long with the Youtube patchwork.

---

<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:** [December 4, 2021, 4:11pm UTC](https://community.glideapps.com/t/how-do-i-edit-in-cloudinary-see-sample/35461/15 "2021-12-04T16:11:04Z")

</div>

Done! The User Name on a mug.  
I have not shaped the text yet to the rounded shape perspective.  
And tested with short and longer names: Cloudinary can fit and resize font according to a max width. I plan to let users specify a shortname limited in character length for their drink in their profile. Any name too long will show only initials, in the worst case scenario.  
Except that my mug is kinda levitating above the Hint. Quite funny, actually, but if you can advise me how to layout better. Any ideas?  
Thks

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/3/e386ff64702f89c4334c69226822146998492704.jpeg)  
you can see it in test app here: [https://labsharonpm.glideapp.io/](https://labsharonpm.glideapp.io/)  
Even if you’re a guest.
