# Screen display a button after xThunkable Webviewer load a page

**URL:** <https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514>\
**Category:** Questions about Thunkable X\
**Created:** [March 15, 2022, 3:14pm UTC](https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514 "2022-03-15T15:14:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sleekmaxi](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@sleekmaxi](https://community.thunkable.com/u/sleekmaxi)\
**Post date:** [March 15, 2022, 3:14pm UTC](https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514/1 "2022-03-15T15:14:25Z")

</div>

Good day guys!

For example if I set Webviewer url to [https://google.com/](https://google.com/) and search for a ball, if I click on a result, webviewer will load a page. What I want to do is when a Webviewer finish loading another page, I want the screen to display a button or an element.

Pls help me out how do I do this?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 15, 2022, 6:17pm UTC](https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514/2 "2022-03-15T18:17:25Z")

</div>

> [@sleekmaxi](#):
>
> Webviewer url to [https://google.com/](https://google.com/) and

Have you actually tried just having a `web viewer` showing Google site?  
It should not work.

See this demo project. This is how I understood your question.  
[https://x.thunkable.com/projectPage/6230d3eaad1fb0001315a83e](https://x.thunkable.com/projectPage/6230d3eaad1fb0001315a83e)

NOTE:  
You need to run it from a mobile. It does not work well from a computer.

---

<div class="post-metadata">

**Author:** ![sleekmaxi](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@sleekmaxi](https://community.thunkable.com/u/sleekmaxi)\
**Post date:** [March 15, 2022, 7:13pm UTC](https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514/3 "2022-03-15T19:13:57Z")

</div>

Yeah! Great! I was actually doing something similar and am finding my way round the example you made. But you know when a link is clicked on the webviewer it should go to another web page but while the webppage delayed to load, I want to show a loading icon and when the webpage finish loading let the loading icon disappear.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 15, 2022, 7:26pm UTC](https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514/4 "2022-03-15T19:26:42Z")

</div>

This can be done but requires advanced JavaScript coding. I haven’t done it before but I’m certain it’s doable.

See this demo  
[https://x.thunkable.com/projectPage/60f8072c65863b0012f776a2](https://x.thunkable.com/projectPage/60f8072c65863b0012f776a2)

You need to do it from a computer.  
Click anywhere in the image then use the computer’s arrows to resize the image. I’m detecting the keys in the keyboard and reporting it to Thunkable to decide what to do about the image.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 13, 2022, 7:27pm UTC](https://community.thunkable.com/t/screen-display-a-button-after-xthunkable-webviewer-load-a-page/1785514/5 "2022-06-13T19:27:00Z")

</div>

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