# Image Effect

**URL:** <https://community.glideapps.com/t/image-effect/34886>\
**Category:** Ask for Help\
**Created:** [November 22, 2021, 1:33am UTC](https://community.glideapps.com/t/image-effect/34886 "2021-11-22T01:33:59Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 22, 2021, 1:33am UTC](https://community.glideapps.com/t/image-effect/34886/1 "2021-11-22T01:33:59Z")

</div>

Hello there.  
I have a collumn with images, my question would be if is possible to change it to gray or vice-versa.  
If it’s possible how would you do it?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [November 22, 2021, 1:38am UTC](https://community.glideapps.com/t/image-effect/34886/2 "2021-11-22T01:38:32Z")

</div>

Do you mean you want to conditionally show an alternative (blank) image?

You could use the [Image from Colour](https://www.glideapps.com/plugins/color-to-image) plugin to generate a blank image, and then create an if-then-else column to determine whether to show the original image or the blank image.

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 23, 2021, 12:46am UTC](https://community.glideapps.com/t/image-effect/34886/3 "2021-11-23T00:46:46Z")

</div>

Thanks for the reply @Darren_Murphy.  
I really wanted to keep the same image but with a blur effect over it and also make the photo black and white.  
Is it possible?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [November 23, 2021, 1:03am UTC](https://community.glideapps.com/t/image-effect/34886/4 "2021-11-23T01:03:34Z")

</div>

You might be able to get close to what you need with the [Adjust Colour](https://www.glideapps.com/plugins/adjust-color) plugin. If that’s not good enough, then I think your next best option would be Cloudinary.

[https://cloudinary.com/documentation/transformation\_reference#e\_blur](https://cloudinary.com/documentation/transformation_reference#e_blur)

[https://cloudinary.com/documentation/transformation\_reference#e\_blackwhite](https://cloudinary.com/documentation/transformation_reference#e_blackwhite)

---

<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:** [November 23, 2021, 1:18am UTC](https://community.glideapps.com/t/image-effect/34886/5 "2021-11-23T01:18:41Z")

</div>

Yep use Cloudinary:

```auto
![](upload://xKikhhDcIbTz26EXgMObjH5EC21.jpeg)

```

 ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/c/ec8374d707a1082b7b12beea31446c792be29a05.jpeg)

`https://res.cloudinary.com/glide/image/fetch/e_grayscale/e_blur:1000/https://cdn.sallysbakingaddiction.com/wp-content/uploads/2017/04/easy-homemade-soft-pretzels.jpg`

 ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48bc5bb4a36729601c07c16859d9b4b3f202aa8d.jpeg)

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [November 23, 2021, 1:34am UTC](https://community.glideapps.com/t/image-effect/34886/6 "2021-11-23T01:34:21Z")

</div>

Really wish there could be a “Cloudinary plugin” or something with image effects directly inside Glide. Set blur strength, color, etc. Would be a really cool addition!

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 28, 2021, 3:08pm UTC](https://community.glideapps.com/t/image-effect/34886/7 "2021-11-28T15:08:24Z")

</div>

Thanks @Robert_Petitto, @kyleheney and @Darren_Murphy.  
Cloudinary was the solution i was hopping for.  
Thanks for the help

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 28, 2021, 6:31pm UTC](https://community.glideapps.com/t/image-effect/34886/8 "2021-11-28T18:31:06Z")

</div>

@Darren_Murphy , @kyleheney , @Robert_Petitto !!  
It works fine on computer, but if I use it on the phone… it does not change at all. What is not working?

---

<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 28, 2021, 11:34pm UTC](https://community.glideapps.com/t/image-effect/34886/9 "2021-11-28T23:34:09Z")

</div>

Can you send us a link to test?

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 28, 2021, 11:36pm UTC](https://community.glideapps.com/t/image-effect/34886/10 "2021-11-28T23:36:25Z")

</div>

> **[ShoppingCart](https://shoppingcart2.glideapp.io/)**
>
> Lista de Compras.

---

<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 29, 2021, 12:08am UTC](https://community.glideapps.com/t/image-effect/34886/11 "2021-11-29T00:08:32Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/a/7a770027c3d6bcf00c31cf275dee1d772991a082.jpeg)

Working for me on MacOS.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/f/8f3df7731d06a5d3b54e4afbdcfc7c251c2e0f58.jpeg)

Working on iOS as well.

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [November 29, 2021, 12:10am UTC](https://community.glideapps.com/t/image-effect/34886/12 "2021-11-29T00:10:24Z")

</div>

Also working on Android for me.

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 29, 2021, 12:12am UTC](https://community.glideapps.com/t/image-effect/34886/13 "2021-11-29T00:12:16Z")

</div>

Hi @ThinhDinh  
It works fine on a pc… but if I try on a phone it does not work… it stay as static, without change.

---

<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 29, 2021, 12:22am UTC](https://community.glideapps.com/t/image-effect/34886/14 "2021-11-29T00:22:52Z")

</div>

Do you mean when you switch the choices the inline list doesn’t change or do you mean the image doesn’t convert to grayscale?

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 29, 2021, 12:28am UTC](https://community.glideapps.com/t/image-effect/34886/15 "2021-11-29T00:28:16Z")

</div>

I mean when you click on the images… it does not change to “not gray” ones.  
It is fine on a computer, but on my phone it stay stactic.

---

<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 29, 2021, 1:16am UTC](https://community.glideapps.com/t/image-effect/34886/16 "2021-11-29T01:16:13Z")

</div>

What action do you attach to those? I’m not able to change anything on the computer as well.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [November 30, 2021, 1:16am UTC](https://community.glideapps.com/t/image-effect/34886/17 "2021-11-30T01:16:21Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

---

<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 30, 2021, 2:47am UTC](https://community.glideapps.com/t/image-effect/34886/18 "2021-11-30T02:47:30Z")

</div>



---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 30, 2021, 2:56am UTC](https://community.glideapps.com/t/image-effect/34886/19 "2021-11-30T02:56:19Z")

</div>

The basics is:

- IF SIDE(NUMBER/user-specific) IS 2
  - INCREMENT -1

- IF SIDE(NUMBER/user-specific) IS 1
  - INCREMENT 1

1 Is for colored image  
2 Is for gray image

I have a column with the original image link.  
Also a Template column, it replace its strings from column image.

If these setup i can manage how images are placed in the app.

---

<div class="post-metadata">

**Author:** ![Augusto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augusto/32/25004_2.png) [@Augusto](https://community.glideapps.com/u/Augusto)\
**Post date:** [November 30, 2021, 3:00am UTC](https://community.glideapps.com/t/image-effect/34886/20 "2021-11-30T03:00:00Z")

</div>

![1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/1/61f39dd78ce841a92b5d9a6a8719150901934863.png)  
When Item is not selected, is “GRAY”

 ![2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/9/f9a9cb484e837a0b1427a1757a562fff6e63d26e.png)  
When Item is selected, is “COLORED”

 ![3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/da8430149f361517b188a1594731351050301d4e.png)

- Action behind it.

The problem is that none of this works on my phone, it stay unselected(GRAY). I dont know why !!

[Next page](https://community.glideapps.com/t/image-effect/34886.md?page=2)
