# Hi All, Newbie needs help

**URL:** https://community.thunkable.com/t/hi-all-newbie-needs-help/36132
**Category:** Questions about Thunkable X
**Created:** [July 17, 2018, 12:17am UTC](https://community.thunkable.com/t/hi-all-newbie-needs-help/36132 "2018-07-17T00:17:45Z")
**Posts on this page:** 4
**Page:** 1

<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 17, 2018, 12:17am UTC](https://community.thunkable.com/t/hi-all-newbie-needs-help/36132/1 "2018-07-17T00:17:45Z")

</div>

I moved here from AI2 where I completed several apps. Quite obviously Thunkable X is a very different beast. I am having trouble understanding the basic design. For instance, in AI2 one can, through the blocks, set elements to true or false. This seems to be unavailable in TX. Also in AI2, one can put elements into Vertical or Horizontal Arrangements which I cannot figure out how to do in TX. Can someone point in the direction of a good design tutorial please…TIA

---

<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 17, 2018, 6:13am UTC](https://community.thunkable.com/t/hi-all-newbie-needs-help/36132/2 "2018-07-17T06:13:27Z")

</div>

In Thunkable X, the markup is based on the Flexbox:

> **[A Complete Guide to Flexbox | CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)**
>
> Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the differnet possible properties for the parent element (the flex container) and the child elements (the flex items). It also...

Intro to Spacing:

[https://docs.thunkable.com/thunkable-cross-platform/create/intro-to-spacing](https://docs.thunkable.com/thunkable-cross-platform/create/intro-to-spacing)

You are right, Thunkable X in some ways is very different from AI2. The general approach to work is as follows:

1. If you did not find the widget you need, then it can probably be made from existing widgets.
2. If you did not find the desired block, then think about another way to solve the problem. For example, there are no visibility properties for widgets, but to hide it you can set the size = 0 or make the background and the main color transparent
3. If something works on iOS, but does not work on Android, then use the ADB debugger, and try to solve the problem in another way
4. If you need functionality that is not present in the native part, then use web api (services) and JavaScript in the WebViewer component (data exchange between WebViewer and the native part is still available via the Firebase database - Realtime DB component)
5. Copy and verify of work literally after every action. If you first add 500 blocks to the project, and then decide for the first time to see how this works, it will not be easy to understand when mistakes and oddities began to appear in the work.
6. If you see an unclear property on the properties panel, its description can be found in the React Native documentation [https://facebook.github.io/react-native/docs/getting-started.html](https://facebook.github.io/react-native/docs/getting-started.html)

If you are going to develop applications for iOS, then I recommend to see the demonstration project

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

Also do not hesitate to look at the official documentation

[https://docs.thunkable.com/thunkable-cross-platform](https://docs.thunkable.com/thunkable-cross-platform),

channel

[https://www.youtube.com/channel/UCTVZRyybOCDBL2zLXSeQVsw](https://www.youtube.com/channel/UCTVZRyybOCDBL2zLXSeQVsw)

and tutorials (purple button “\>” in the left of the development environment)

---

<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 17, 2018, 1:12pm UTC](https://community.thunkable.com/t/hi-all-newbie-needs-help/36132/3 "2018-07-17T13:12:16Z")

</div>

Thank you for this help. I had a quick look, and it looks like I have a lot to learn.

---

<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:01pm UTC](https://community.thunkable.com/t/hi-all-newbie-needs-help/36132/4 "2024-11-08T12:01:13Z")

</div>


