# GUI Editor - Cannot change shadow alpha of an UI element?

**URL:** <https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255>\
**Category:** Questions\
**Tags:** gui-editor\
**Created:** [September 6, 2024, 8:27am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255 "2024-09-06T08:27:02Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![ClementSXD](https://avatars.discourse-cdn.com/v4/letter/c/858c86/32.png) [@ClementSXD](https://forum.babylonjs.com/u/ClementSXD)\
**Post date:** [September 6, 2024, 8:27am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/1 "2024-09-06T08:27:02Z")

</div>

Snippet: [https://gui.babylonjs.com/#S7NWKN#3](https://gui.babylonjs.com/#S7NWKN#3)

Hi everyone, is it possible to change the shadow alpha of an UI element, or was it designed to just be a flat color? I’d like to make a smoother shadow without having to increase the shadow blur.

I’ve tried to add a child image, put the shadow on it and decreasing its alpha, hoping the alpha of the shadow would decrease as well, but the shadow needs a sprite to function, and I don’t want one for this button.

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [September 6, 2024, 8:45am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/2 "2024-09-06T08:45:39Z")

</div>

Hum? Good question. Looks to me like (at least in the editor) it doesn’t take the alpha/HEXa.  
As opposed to everything else. I don’t use it all too much (I don’t really like the look of it) but it would be good to just double check if it does take a Color4 when using code?!

---

<div class="post-metadata">

**Author:** ![ClementSXD](https://avatars.discourse-cdn.com/v4/letter/c/858c86/32.png) [@ClementSXD](https://forum.babylonjs.com/u/ClementSXD)\
**Post date:** [September 6, 2024, 8:52am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/3 "2024-09-06T08:52:18Z")

</div>

Hi mawa, I just checked it quickly in my project, the shadow color uses a string. I’m able to change its opacity directly this way, so apparently it’s a bug in the gui editor. I wish it didn’t come down to this, but if there’s no other option, I’ll have to set it this way, even if it’s a bit dirty.

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [September 6, 2024, 8:54am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/4 "2024-09-06T08:54:40Z")

</div>

Do you have the PG ready? I sort of recall this but wasn’t sure… Now, if it really works with code, then definetely is (not a bug) but a ‘miss’ in the Editor. We would just need to place a #Feature requests . Should be an ez fix. For the long story, in fact at some point all color4 where missing from the editor. I had them added 😁 Do you have the will and time ⏳ to do it? I would upvote it and ping the Team for it.

---

<div class="post-metadata">

**Author:** ![ClementSXD](https://avatars.discourse-cdn.com/v4/letter/c/858c86/32.png) [@ClementSXD](https://forum.babylonjs.com/u/ClementSXD)\
**Post date:** [September 6, 2024, 9:07am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/5 "2024-09-06T09:07:36Z")

</div>

Quick playground: [https://playground.babylonjs.com/#S52V14#1](https://playground.babylonjs.com/#S52V14#1)

As you can see, it works fine with a string. The problem lies in the editor I guess. it seems I’ll have to go with this solution for now, until the feature is added to the gui editor.

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [September 6, 2024, 9:39am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/6 "2024-09-06T09:39:03Z")

</div>

posted in #Feature requests . May be you wanna upvote? 😄 Thanks for reporting and have a great day 🕶

---

<div class="post-metadata">

**Author:** ![ClementSXD](https://avatars.discourse-cdn.com/v4/letter/c/858c86/32.png) [@ClementSXD](https://forum.babylonjs.com/u/ClementSXD)\
**Post date:** [September 6, 2024, 9:51am UTC](https://forum.babylonjs.com/t/gui-editor-cannot-change-shadow-alpha-of-an-ui-element/53255/7 "2024-09-06T09:51:45Z")

</div>

Sure, will do! Have a nice day too 🙂
