# Actech custom UI

**URL:** <https://community.thunkable.com/t/actech-custom-ui/29040>\
**Category:** Questions about Thunkable X\
**Created:** [May 28, 2018, 10:33am UTC](https://community.thunkable.com/t/actech-custom-ui/29040 "2018-05-28T10:33:32Z")\
**Posts on this page:** 20\
**Page:** 1

<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:** [May 28, 2018, 10:33am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/1 "2018-05-28T10:33:33Z")

</div>

Updated release of custom components (May 28, 2018).

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

Spinner  
Radio List  
Checkbox List  
Dialog  
Toast  
Checkbox  
Radio button  
Toggle button  
Floating action button  
Time picker  
Button tab navigator

---

<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:** [May 29, 2018, 4:02pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/2 "2018-05-29T16:02:49Z")

</div>

This is amazing! Amazing work. I’m still trying to figure out how you did this!

---

<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:** [May 30, 2018, 5:09am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/3 "2018-05-30T05:09:58Z")

</div>

Thanks Albert,

I will also think about projects that will help beginners learn Thunkable X.

---

<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:** [June 6, 2018, 10:42am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/4 "2018-06-06T10:42:47Z")

</div>

Updated version. Added:

Sample work with Sprite map  
Demo Game 1  
Demo Game 2  
Text utils  
D-Pad

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

[Bug] In the testing process in Thunkable Live (iOS 10.3, 11.4), sometimes the list initialization was incorrect index. For example, on the Lists page in the initSpinner block, a list of 3 options is defined. After opening this page, sometimes instead of displaying the first option, the second appeared as if list indexes start from 0. This happened for all lists in the project before it was rebooted. After rebooting the project in Thunkable Live, the indexing of the lists was restored.

---

<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:** [June 11, 2018, 8:52am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/5 "2018-06-11T08:52:22Z")

</div>

Updated version. Added:

Slide drawer panel  
Sliders (including slider switch)  
Indicators  
Inverting text(Text utils page)  
Create HTML offline (simple html editor)  
Horizontal list-pad (D-Pad page)

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

It was tested only on iOS.

---

<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:** [June 13, 2018, 10:50am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/6 "2018-06-13T10:50:37Z")

</div>

Works great on IOS. But crashes on Android.😔

---

<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:** [June 13, 2018, 12:20pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/7 "2018-06-13T12:20:23Z")

</div>

Yes, it also upsets me.

---

<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 6, 2018, 1:11pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/8 "2018-07-06T13:11:11Z")

</div>

Updated version:

1. Added Chart screen - an example of displaying a graph in WebViewer using Google Charts.
2. On the Get system info added information about the locale (with help Red\_Panda)
3. On the Buttons screen added segmented buttons and rotary button
4. In the side drawer added icons (Unicode characters)

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

What would you like to see in the demo project?

---

<div class="post-metadata">

**Author:** ![far](https://avatars.discourse-cdn.com/v4/letter/f/439d5e/32.png) [@far](https://community.thunkable.com/u/far)\
**Post date:** [July 8, 2018, 8:25am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/9 "2018-07-08T08:25:54Z")

</div>

thanks

---

<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 26, 2018, 10:40am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/10 "2018-07-26T10:40:15Z")

</div>

Updated version (7.25.18):

1. Added “Markup” screen - examples of using markup and some properties of widgets.
2. Added “Check bugs” screen - on this screen you can check the moments that cause crashes or errors when working in my case in Thunkable Live.
3. On the “Dialogs” page, examples of working with Alert are added.
4. I tried to change some of the blocks so that there would be as few crashes on Android as possible, but some things will work and look not like on iOS.

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

Alex

---

<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 26, 2018, 12:45pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/11 "2018-07-26T12:45:16Z")

</div>

Great work. Thank you!

---

<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 1, 2018, 3:18pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/12 "2018-08-01T15:18:17Z")

</div>

Updated version (8.1.18):

1. Added “File Viewer” screen - allows you to view iOS files of small size from the iPhone
2. Added “Canvas” screen - contains an examples of working with SVG and `<canvas>`
3. Added “Title” screen for more convenient navigation by sections

This version of the project causes a crash when trying to go to any screen or when loading on all my Android emulators. I’m curious to know if it works on Android devices? If not, then maybe we are confronted with some limitations of Android.

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

---

<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 27, 2018, 6:59am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/13 "2018-08-27T06:59:08Z")

</div>

This is a unstable version to control the stability of a large application Thunkable X on iOS and Android.

It may not even run on your device or will cause the application to fail on Android (for example when switching to another screen) or oddities in the work on iOS (for example, image is not displayed on the screen the Sprite map, wrong initialization of the Alert dialog on first start)

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

---

<div class="post-metadata">

**Author:** ![doctorsof](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/doctorsof/32/30099_2.png) [@doctorsof](https://community.thunkable.com/u/doctorsof)\
**Post date:** [May 26, 2019, 12:05pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/14 "2019-05-26T12:05:45Z")

</div>

Did you add new component?

---

<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:** [May 26, 2019, 3:25pm UTC](https://community.thunkable.com/t/actech-custom-ui/29040/15 "2019-05-26T15:25:42Z")

</div>

No. Recently, I added several new screens for working with FireBase, QuintaDB, QR and ran into a problem - new screens do not open in Live! Perhaps I have reached a new restriction in Thunkable X or found another bug related to using too many screens or blocks.

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

---

<div class="post-metadata">

**Author:** ![terryneedsleep](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@terryneedsleep](https://community.thunkable.com/u/terryneedsleep)\
**Post date:** [September 14, 2019, 12:37am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/17 "2019-09-14T00:37:37Z")

</div>

Hmmm, somehow when trying your app on Thunkable live, white screen showed up and keeps restarting

---

<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:** [September 14, 2019, 8:14am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/18 "2019-09-14T08:14:46Z")

</div>

Try the latest version of this app. Does it work also cause a white screen?

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

---

<div class="post-metadata">

**Author:** ![terryneedsleep](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@terryneedsleep](https://community.thunkable.com/u/terryneedsleep)\
**Post date:** [September 14, 2019, 8:26am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/19 "2019-09-14T08:26:18Z")

</div>

wow ok, it loaded! what was the bug?

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [September 14, 2019, 9:01am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/20 "2019-09-14T09:01:33Z")

</div>

> [@terryneedsleep](#):
>
> what was the bug?

Sometimes, when components upgrade, the app still has the old ones…  
Therefore it crashes…

(It’s my thinking 😄 ; I may be **wrong** )

---

<div class="post-metadata">

**Author:** ![terryneedsleep](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@terryneedsleep](https://community.thunkable.com/u/terryneedsleep)\
**Post date:** [September 14, 2019, 11:38am UTC](https://community.thunkable.com/t/actech-custom-ui/29040/21 "2019-09-14T11:38:04Z")

</div>

ohh ok

[Next page](https://community.thunkable.com/t/actech-custom-ui/29040.md?page=2)
