# Preloading Web Viewer please help

**URL:** <https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749>\
**Category:** Questions about Thunkable X\
**Created:** [September 7, 2021, 2:29pm UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749 "2021-09-07T14:29:30Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![microinvest.devt0g3d](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@microinvest.devt0g3d](https://community.thunkable.com/u/microinvest.devt0g3d)\
**Post date:** [September 7, 2021, 2:29pm UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/1 "2021-09-07T14:29:30Z")

</div>

Good day ! There is such a question that I have been puzzling over for a long time. There is a screen1 on which there are 3 buttons (with a choice of languages). When I press any of the buttons, it throws me to the screen on which everything is already translated into the selected language. (in other words, a ready-made screen with a translated interface in the selected language is attached to each button with a language). After clicking on any button, a screen with a translated interface opens on which the Web Viewer is located. The task is such that when opening  
screen 1, even before pressing the language selection buttons, the Web Viewer was preloaded on the page of the selected language. So that after pressing the button, the screen opens immediately with the already loaded Web Viewer.

---

<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:** [September 7, 2021, 3:09pm UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/2 "2021-09-07T15:09:06Z")

</div>

Is this something you want help creating or something you’ve already made?

Do you have a project link or example to share?

---

<div class="post-metadata">

**Author:** ![microinvest.devt0g3d](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@microinvest.devt0g3d](https://community.thunkable.com/u/microinvest.devt0g3d)\
**Post date:** [September 8, 2021, 6:00am UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/3 "2021-09-08T06:00:10Z")

</div>

That’s what I’m helping to do. There is no link to the project. Just maybe there are some ideas about it.

---

<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:** [September 8, 2021, 7:39pm UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/4 "2021-09-08T19:39:58Z")

</div>

What is your question?

---

<div class="post-metadata">

**Author:** ![microinvest.devt0g3d](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@microinvest.devt0g3d](https://community.thunkable.com/u/microinvest.devt0g3d)\
**Post date:** [September 13, 2021, 9:27am UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/5 "2021-09-13T09:27:36Z")

</div>

How to make sure that when you open the page there is a loading icon that makes it poor to show the download until the user loads the page of the site.

 ![image-13-09-21-12-23](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/7/97d5e3f4d4e9bc62d94109f19eda07972c010657.jpeg)

---

<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:** [September 13, 2021, 9:41am UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/6 "2021-09-13T09:41:14Z")

</div>

At design, keep the `loading icon` visible. In your code (example, screen opens) you should watch some trigger or event to hide the `loading icon`.

---

<div class="post-metadata">

**Author:** ![microinvest.devt0g3d](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@microinvest.devt0g3d](https://community.thunkable.com/u/microinvest.devt0g3d)\
**Post date:** [September 13, 2021, 9:54am UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/7 "2021-09-13T09:54:16Z")

</div>

So I did this. But I need to have a command to check the loading of the site instead of 2 seconds ![Capture4](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/7/d7a74adc92879d0189bbb5320edc712447973f4f.png)

---

<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:** [September 13, 2021, 10:46am UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/8 "2021-09-13T10:46:28Z")

</div>

If the `Web Viewer` is running your own HTML then you can use the window.onload() event to send a message from the `Web Viewer` to your app.

---

<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, 1:16pm UTC](https://community.thunkable.com/t/preloading-web-viewer-please-help/1492749/9 "2024-11-08T13:16:52Z")

</div>


