# Color TRANSPARENT vs. Color NULL Change

**URL:** <https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [October 23, 2020, 11:17am UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095 "2020-10-23T11:17:46Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [October 23, 2020, 11:17am UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/1 "2020-10-23T11:17:46Z")

</div>

Thunkable changed the way transparent color is handled. The HEX value now shows “TRANSPARENT”

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/2/22e61679aa3c15d21d1149a0398e252fafe9a275.png)

Previously, to set a screen component to transparent, the color property was set to null. Now the default color is used. Setting the text color in a block to the string TRANSPARENT does NOT make the color transparent.  
[https://x.thunkable.com/copy/2fcf0afbcbac98b9046fa3fc4a35c5e5](https://x.thunkable.com/copy/2fcf0afbcbac98b9046fa3fc4a35c5e5)

This is a real problem for created components, as they do not exist at design time. Cloned components have a similar problem. One technique I have used to make dynamic, data driven screens is to create a button with an image and “hidden text”. The Hidden text is used with the ANY BUTTON Click event to cause each button to peform a data-specific action. Now all of those buttons have VISIBLE text.

I really appreciate that the Thunkable team is working on the core elements of the system. I understand the [release notes](https://docs.thunkable.com/release-notes) shouldn’t necessarily include all of the refactoring changes made, but it would be nice if the release notes included changes to the behavior of Thunkable.It is nice to know what changes I need to make, rather than stumbling across them.

To get around this issue, I set the text color = rgba(0,0,0,0)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 23, 2020, 7:20pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/2 "2020-10-23T19:20:11Z")

</div>

Seems like something that might have been changed by accident? And that should be easy to fix. But I agree that knowing about changes like this would be helpful since our existing blocks depend on consistency.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [October 23, 2020, 7:22pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/3 "2020-10-23T19:22:01Z")

</div>

Or I was using a defect as a feature. 😉

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [October 27, 2020, 9:35am UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/4 "2020-10-27T09:35:05Z")

</div>

Must use “transparent” in blocks.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 26, 2020, 12:32am UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/5 "2020-12-26T00:32:57Z")

</div>

Haven’t posted in quite a while, hope I’m not reviving too old of a post… I’ve checked around and can’t find the ability to change how much transparency.

I understand actech’s explanation of using “transparent” in blocks, but how to decide the actual value? Is there a way in the text to tell it somewhere between 0-100?

Thanks again

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [December 26, 2020, 7:39am UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/6 "2020-12-26T07:39:50Z")

</div>

![изображение](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/38a0f8b3ec7be1362beee4a7e74cdadfccd2527f.png)

Color setting options Transparency changes from 0 to 1. it is Also possible to set the format #rgb, #rgba, HSL (hue, saturation, brightness) or HSLA (with a transparency component), for example: #ff0 #f0f8 hsl(200, 100%, 50%) hsla(200, 100%, 50%, 0.1) The transparent color can be set as follows: rgba(0,0,0,0) or the string “transparent”.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 26, 2020, 2:14pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/7 "2020-12-26T14:14:50Z")

</div>

Thank you this is what I needed for part of it. The last part I’m having trouble with is how to make an eraser for hand written notes, any ideas?

Thanks again

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 26, 2020, 11:40pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/8 "2020-12-26T23:40:30Z")

</div>

I can’t just make the color of the line white because usually there will be a photograph behind the drawing. So a white line would literally just start drawing white lines on top of the photo.

Any help would be so much appreciated, thanks again @actech

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [December 27, 2020, 8:25am UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/9 "2020-12-27T08:25:31Z")

</div>

This is not an easy task. Since there is no ready-made solution, you will have to do everything manually and work with vectors. The user swipes his finger across the screen and in response, the program draws a line in the form of vectors on a timer. To erase lines, you need to set the area around your finger and make transparent those vectors that fall into this area.

The canvas works very slowly and for this reason, the methods with restoring the canvas points under the line are not applicable.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 27, 2020, 5:40pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/10 "2020-12-27T17:40:45Z")

</div>

Ok thank you for this, man I wish that wasn’t the case. There’s not already a template on thunkable floating around for this I suppose?

Thanks again for your support @actech

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [January 2, 2021, 7:27pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/11 "2021-01-02T19:27:47Z")

</div>

Something that would also be a solution for me, I could preload sprites onto the canvas, then as I drag my finger across each individual sprite they could disappear? Is this possible?

Thank you again kind sir

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:19pm UTC](https://community.thunkable.com/t/color-transparent-vs-color-null-change/924095/12 "2024-11-08T12:19:26Z")

</div>


