# Legacy Component positioning Live Test doesn't match Web test **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design, beginner, livetest, position, legacy-interface\ **Created:** [August 26, 2021, 9:01pm UTC](https://community.thunkable.com/t/legacy-component-positioning-live-test-doesnt-match-web-test/1471353 "2021-08-26T21:01:29Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![ashesdroid](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ashesdroid/32/127531_2.png) [@ashesdroid](https://community.thunkable.com/u/ashesdroid)\ **Post date:** [August 26, 2021, 9:01pm UTC](https://community.thunkable.com/t/legacy-component-positioning-live-test-doesnt-match-web-test/1471353/1 "2021-08-26T21:01:30Z")
Hello, I was creating an app for my first time and started by using the Drag & Drop UI. I realized that the D&D UI did not have “Multiline” text input - which is integral to the professional function and design of my app. It’s mainly for taking notes about your own behaviors and therapy steps. Long story short, I had to start over using the Legacy UI. I have now designed and blocked out the app. The FUNCTIONS all work as intended… however the design is giving me lots of trouble. When I test on the computer using the “Preview” option, it looks exactly how I want it to. However, when I “Live Test” on my phone everything is off screen, cutoff, or zoomed in. Other “Invisible” components are also “Visible” when I live test even though I have “Visible” set to False. They should only show after an input. The Preview does it exactly like I want it to be. Live Test does not… not even close. I’d like to post a link to what I’m doing so that you can check my work and see if I have made any grave errors. Going from D&D to Legacy was very overwhelming so bare with me when you see the rookie mistakes. Thanks! I’ll also post some screencaps so you can see what I’m talking about with my phone Live Test. Preview: ![HomeScreencap_Preview](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/2/62c990485e8808098d4673f5e3125fa0072aec83.jpeg) ![MyNotesScreencap_Preview](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2d94d3e755857bfa1783b64a44e8711be73ac949.jpeg) Phone: ![Phone_Screenshot1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/b/4b43e1bd76e5f3eba6b3edf485e712452e90c0a5.jpeg) ![Phone_Screenshot2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/b/9b105ea07d17ab93f8fdf89a885301553021b245.jpeg) Link to project - Posted 8/26/2021 (Expires 10/25/2021) [https://x.thunkable.com/copy/790702e5bdb2fb72b57ea2be90af8ca8](https://x.thunkable.com/copy/790702e5bdb2fb72b57ea2be90af8ca8) Thank you for any help, Ash ---
**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:** [August 27, 2021, 9:45am UTC](https://community.thunkable.com/t/legacy-component-positioning-live-test-doesnt-match-web-test/1471353/2 "2021-08-27T09:45:55Z")
They are not supposed to be the same. There is a footnote mentioning this. Thunkable developers are trying their best to make them close but the best practice is to design your screens to fit the mobile unless you are planning to run your app as a `web app` or `responsive app`. ---
**Author:** ![ashesdroid](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ashesdroid/32/127531_2.png) [@ashesdroid](https://community.thunkable.com/u/ashesdroid)\ **Post date:** [August 27, 2021, 2:30pm UTC](https://community.thunkable.com/t/legacy-component-positioning-live-test-doesnt-match-web-test/1471353/3 "2021-08-27T14:30:21Z")
Indeed. Any suggestions on, say, why my loading spinner is visible while I have it set to false? Or the label that is set Visible False but shows as soon as the page opens? A have “if then” blocks set up to hide and show those, but they aren’t operating on the mobile app. If you know of any common mistakes I can look for it would be appreciated. I can figure out the design stuff by trial and error… but this visible false/true thing is a puzzle to me. ---
**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:** [August 27, 2021, 3:05pm UTC](https://community.thunkable.com/t/legacy-component-positioning-live-test-doesnt-match-web-test/1471353/4 "2021-08-27T15:05:59Z")
There is a known issue/bug with Android devices that the visible status will not change to **hidden** if the component position is set to **Absolute**. If this is the case then solutions/workarounds are limited. ---
**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:17pm UTC](https://community.thunkable.com/t/legacy-component-positioning-live-test-doesnt-match-web-test/1471353/5 "2024-11-08T13:17:07Z")