# Thunkable ✕ Release (Jul 20) - Alert component

**URL:** <https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805>\
**Category:** Questions about Thunkable X\
**Created:** [July 20, 2018, 10:25pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805 "2018-07-20T22:25:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![albert](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/albert/32/4077_2.png) [@albert](https://community.thunkable.com/u/albert)\
**Post date:** [July 20, 2018, 10:25pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/1 "2018-07-20T22:25:13Z")

</div>

In case you don’t read the announcements category

> [@Thunkable ✕ Release (Jul 20) - Alert / Notifier component](http://community.thunkable.com/t/thunkable-release-jul-20-alert-notifier-component/36804):
>
> Hey Thunkers, Happy Friday! We are excited to add a new Alert component to the new cross-platform. Alerts are useful components for displaying important messages while users are in the app itself. This component uses the native styling in iOS and Android allows you to create one-, two- and even three-buttons alerts. Learn more [here](https://docs.thunkable.com/thunkable-cross-platform/create/components/user-interface/alert) We love feedback. As you use the platform, you may start seeing a few micro-surveys pop up. The surveys are anonymous so please feel free to tell us wh…

---

<div class="post-metadata">

**Author:** ![compass1312](https://avatars.discourse-cdn.com/v4/letter/c/58956e/32.png) [@compass1312](https://community.thunkable.com/u/compass1312)\
**Post date:** [July 20, 2018, 10:46pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/2 "2018-07-20T22:46:09Z")

</div>

Good addition. But for beginners like me, why not show a blocks image for ‘How to Use’ purposes?

BTW, there are no images showing for this in my browser…

---

<div class="post-metadata">

**Author:** ![Conor](https://avatars.discourse-cdn.com/v4/letter/c/9d8465/32.png) [@Conor](https://community.thunkable.com/u/Conor)\
**Post date:** [July 20, 2018, 11:13pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/3 "2018-07-20T23:13:58Z")

</div>

> [@compass1312](#):
>
> But for beginners like me, why not show a blocks image

Have you taken a look at the Thunkable Docs? There are descriptions for the properties as well as some block examples.  
[https://docs.thunkable.com/thunkable-cross-platform/create/components/user-interface/alert](https://docs.thunkable.com/thunkable-cross-platform/create/components/user-interface/alert)

---

<div class="post-metadata">

**Author:** ![compass1312](https://avatars.discourse-cdn.com/v4/letter/c/58956e/32.png) [@compass1312](https://community.thunkable.com/u/compass1312)\
**Post date:** [July 21, 2018, 2:14am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/4 "2018-07-21T02:14:58Z")

</div>

Yes I looked at that link, but all the graphics are cracked, and I can see nothing…

---

<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:** [July 21, 2018, 7:06am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/5 "2018-07-21T07:06:18Z")

</div>

On the documentation page you do not see the images? Try to use another browser, for example, proxy the Tor browser. I don’t know exactly what the problem is, but in most of my browsers the information from the site documentation Thunkable does not appear as shown below, and some displays only the text. So I use Tor.

 ![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/a/1af26d4b34a338750af524faad9208052a926a6e.png)

---

<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:** [July 21, 2018, 7:09am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/6 "2018-07-21T07:09:46Z")

</div>

You can see information about Alert at the link

`https://github.com/thunkable/docs-thunkable-com/blob/master/thunkable-cross-platform/create/components/user-interface/alert.md`

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [July 21, 2018, 9:54am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/7 "2018-07-21T09:54:55Z")

</div>

Could you please give an example for alerts with more than one button.  
How can I get the information, which button was pressed.  
Could you show an example with blocks?

---

<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:** [July 21, 2018, 10:20am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/8 "2018-07-21T10:20:19Z")

</div>

Alert demo.

[https://x.thunkable.com/projects/5b52dab1b39d8e5a5822958c/project/properties/designer/](https://x.thunkable.com/projects/5b52dab1b39d8e5a5822958c/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [July 21, 2018, 3:22pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/9 "2018-07-21T15:22:32Z")

</div>

Thank you.  
Great help.  
In your example I see that you work with Json objects.  
Is there no eaysier way, only working with simple test?

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [July 21, 2018, 4:02pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/10 "2018-07-21T16:02:08Z")

</div>

I found the „easy“ way myself.  
Simply design the alerts in the Design window.  
With the simple „show“ alert you can test, if it was confirmed (or not).  
For the alert with more choices you can add these choices in the advanced description of the alert in the design window an simple add these choices.  
In the blocks you can output the choice in the alert block for button.list and simply get the text pf the choosen item with ‚buttonpressed‘ (a simple text).

This way is more convenient for beginners.

---

<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:** [July 21, 2018, 4:38pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/11 "2018-07-21T16:38:48Z")

</div>

You are right, for beginners it is easier to use properties on the Advanced tab.

But even with JSON it’s easy to work, especially after the following simplification

 ![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/c/4ccd31708d58ff7a7a522aadad63ff0ea1a54c36.png)

The variant with Label1.Text is more versatile than Button2.Text, since the first does not depend on the text on the buttons unlike the second option.

---

<div class="post-metadata">

**Author:** ![linchenyu](https://avatars.discourse-cdn.com/v4/letter/l/b782af/32.png) [@linchenyu](https://community.thunkable.com/u/linchenyu)\
**Post date:** [August 8, 2018, 9:31pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/12 "2018-08-08T21:31:23Z")

</div>

> [@rollke](#):
>
> In the blocks you can output the choice in the alert block for button.list and simply get the text pf the choosen item with ‚buttonpressed‘ (a simple text).

Hi rollke,

I didn’t follow with this solution. Can you show me a picture of what you mean? Were you saying to compare “buttonPressed” with the option you created in advanced tab? like `if buttonPressed = OK`, or `if buttonPressed = {"Text":"Go Back","Style":"cancel"}`? Either way is not working.

Thanks

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [August 9, 2018, 6:27am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/13 "2018-08-09T06:27:16Z")

</div>

See my very simple test for alerts:

[https://x.thunkable.com/copy/c995b7b9c176ed05fc6895e6f738304e](https://x.thunkable.com/copy/c995b7b9c176ed05fc6895e6f738304e)

---

<div class="post-metadata">

**Author:** ![Nathan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/nathan/32/19552_2.png) [@Nathan](https://community.thunkable.com/u/Nathan)\
**Post date:** [August 9, 2018, 6:30am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/14 "2018-08-09T06:30:39Z")

</div>

> [@actech](#):
>
> I don’t know exactly what the problem is

Using Chrome would be better, knowing it has latest Security Patches and will load your images.

---

<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:** [August 9, 2018, 4:17pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/15 "2018-08-09T16:17:22Z")

</div>

The latest version of Chrome also does not display information. IE displays only text. Tor shows everything.

---

<div class="post-metadata">

**Author:** ![linchenyu](https://avatars.discourse-cdn.com/v4/letter/l/b782af/32.png) [@linchenyu](https://community.thunkable.com/u/linchenyu)\
**Post date:** [August 9, 2018, 5:40pm UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/16 "2018-08-09T17:40:34Z")

</div>

Thank you very much. How stupid I am never thought about that is the right way. Learned a lot. 🤣

---

<div class="post-metadata">

**Author:** ![Doggr](https://avatars.discourse-cdn.com/v4/letter/d/cab0a1/32.png) [@Doggr](https://community.thunkable.com/u/Doggr)\
**Post date:** [August 14, 2018, 1:31am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/17 "2018-08-14T01:31:36Z")

</div>

Hello, I’m a newbie so please have patience 🙂  
Following your exapmle I wasn’t able to understand (with the easy way) how to detect which choice has been made after the popup comes out.  
In the advanced properties of the alert I set “camera” “gallery” and “cancel” under the botton list  
If I put “button pressed” in both “if blocks” what happen is that the gallery and the camera pops up one after the other following the order of the text button list in the advanced properties.

 ![popup%20help%201](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/0/80e7c85d69801c8fa66b7e415dcccb99d9ff955c.jpg)

so I tried with the logics these two ways but nothing ☹

 ![popup%20help%202-3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/c/ecf7d2f361fabf504066ee433ab6b363db332bfc.jpg)

in the MIT Appinventor I achieved such result this way:  
 ![popup%20help%204](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0a056bab7e813b26af232cbf9810adf476b7a6d0.jpg)

but in Thunkable I cannot find something similar to the “compare text” block.  
So the question in the end is what to put in the if block tho detect which button has been pressed, possibly based on button text?  
Thank you very much in advance

---

<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:** [August 14, 2018, 5:15am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/18 "2018-08-14T05:15:54Z")

</div>

![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/3/7328ee63fff8cfbcfe0d8eb40e13c7bbdb8c2d1f.png)

![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/e/eeabd1c88ebaaefb3a245cb3f0752fc09f2a5b08.png)

---

<div class="post-metadata">

**Author:** ![User81](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@User81](https://community.thunkable.com/u/User81)\
**Post date:** [September 18, 2018, 5:42am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/19 "2018-09-18T05:42:25Z")

</div>

Just tried the alert component for the first time. Thanks @albert and your @thunkable team for bringing this to the community! It works really smooth on iOS and is very useful. …and @actech has already explained how to use it … 👍

---

<div class="post-metadata">

**Author:** ![FancyPants](https://avatars.discourse-cdn.com/v4/letter/f/65b543/32.png) [@FancyPants](https://community.thunkable.com/u/FancyPants)\
**Post date:** [March 26, 2019, 3:51am UTC](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805/20 "2019-03-26T03:51:15Z")

</div>

I am not too sure, but from my experience, if you set the button list to all things with text (not confirmation or no), then when you do the if button pressed, if you pressed the first button, it would be “If Button pressed = 1, do” Same for second.  
So if camera is the first one on your button list, then it would be one, and gallery would be 2.

[Next page](https://community.thunkable.com/t/thunkable-release-jul-20-alert-component/36805.md?page=2)
