# List viewer display wrong

**URL:** <https://community.thunkable.com/t/list-viewer-display-wrong/2279670>\
**Category:** Questions about Thunkable X\
**Tags:** help, listviewer\
**Created:** [February 16, 2023, 12:36am UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670 "2023-02-16T00:36:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 16, 2023, 12:36am UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/1 "2023-02-16T00:36:05Z")

</div>

in my project, i use many list viewer to arrangement, because in the one viewer is can not change more then one color then i download the android app and ios thunkable live app, the list viewer among there are some gaps, and then my text have some position shift. But in my design page i use the web preview is not have the gap and the text is align my list viewer

i show you my download android app the situation and ios thunkable app situation for your reference then i show you my design page web preview situation to show you this comparison

this is my android app situation

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/f/7ffefb197f987ee75f4a2f6915b05a822c350d9d.jpeg)

this is the ios thunkable live situation

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/e/fe9823aad5ace709f263ee8ffe1c155047c28bd6.jpeg)

finally i show you in my design page situation, you can see the list viewer there is no space between and the text is aligned

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/0/c074e9ac512714a3b09611b1db3c53e6785b8f42.jpeg)

i think this problem is about the screen size of the mobile phone, which leads to gaps in the list viewer and some deviations in the text.

i hope thunkable can fix the problems. It will automatically adjust to different screen sizes

---

<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:** [February 16, 2023, 12:29pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/2 "2023-02-16T12:29:35Z")

</div>

Hello @kinhangyu  
Thank you for sharing this  
Are you building with the old snap-to-place interface or the new drag-and-drop interface?  
Which is the Vertical Alignment of the screen?

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 16, 2023, 12:41pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/3 "2023-02-16T12:41:00Z")

</div>

> [@ioannis](#):
>
> new drag-and-drop interface?

i think i using new drag-and-drop interface

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 16, 2023, 12:56pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/4 "2023-02-16T12:56:19Z")

</div>

@ioannis hello  
i mean is in the web preview Left and right text positions are aligned

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 17, 2023, 9:06pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/5 "2023-02-17T21:06:24Z")

</div>

@ioannis hello, can you have solution to fix this problem?

---

<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:** [February 21, 2023, 11:41am UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/6 "2023-02-21T11:41:14Z")

</div>

Hello @kinhangyu  
Do you use Layout or Group components?

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 21, 2023, 12:06pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/7 "2023-02-21T12:06:52Z")

</div>

No, i only put 4 list viewer on the page, i can attach the photo fir your reference

---

<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:** [February 21, 2023, 12:10pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/8 "2023-02-21T12:10:24Z")

</div>

@kinhangyu In order to adapt your app to the different screen sizes you need to use the [Group](https://docs.thunkable.com/group)or the [Layouts](https://community.thunkable.com/t/join-us-in-beta-testing-the-new-layouts-component-rows-columns-for-the-drag-and-drop-interface/1970795)component

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 21, 2023, 10:09pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/9 "2023-02-21T22:09:27Z")

</div>

hello @ioannis

your mean is put the list viewer and the text in one group can fix the gap?  
and i have a question, the layout function is on new drag-and-drop interface can find it?

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 23, 2023, 5:37am UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/10 "2023-02-23T05:37:23Z")

</div>

hello,@ioannis  
i can’t find the layout function, how to find that?  
and i try to use the group function to put the list viewer and the text label in the group, but in my ios thunkable live app i still see the gap between the list viewer

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/a/7abfd6d2f4877c6b6294e2f1135e1121095fe034.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/d/9d307da8036d44da3693bcd93e31b9d77c169a52.jpeg)

---

<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:** [February 23, 2023, 12:21pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/11 "2023-02-23T12:21:11Z")

</div>

Hello @kinhangyu  
Could you please share the specific project URL with us so we can investigate it further?  
[Here](https://x.thunkable.com/projects/63f758af50f8bee64f148e0f/1bae38fb-f248-4faa-9338-199b1cbfaf06/designer) is a demo project that is working on live test

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 23, 2023, 1:52pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/12 "2023-02-23T13:52:26Z")

</div>

hello @ioannis  
can i send my project to you?

---

<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:** [February 23, 2023, 2:49pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/13 "2023-02-23T14:49:29Z")

</div>

@kinhangyu Yes

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 23, 2023, 2:56pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/14 "2023-02-23T14:56:54Z")

</div>

@ioannis Can I send you the link privately?

---

<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:** [February 23, 2023, 3:38pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/15 "2023-02-23T15:38:42Z")

</div>

Yes

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [February 26, 2023, 10:45pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/16 "2023-02-26T22:45:26Z")

</div>

hello @ioannis  
Do you see my privately message?

---

<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:** [March 6, 2023, 4:25pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/17 "2023-03-06T16:25:24Z")

</div>

@kinhangyu  
Yes, I see your message but I cant access the project.  
Could you please send me the project URL instead of the copy link?  
Thank you

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [March 6, 2023, 4:37pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/18 "2023-03-06T16:37:59Z")

</div>

Hello @ioannis

how can send the project URL to you?

---

<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:** [March 6, 2023, 4:42pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/19 "2023-03-06T16:42:17Z")

</div>

@kinhangyu Copy it from the top of your browser and send it to me in a personal message.

 ![7abfd6d2f4877c6b6294e2f1135e1121095fe034 (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/3856dd7efe0ceba6d03987bc64c61877ecd4dbd6.png)

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [March 6, 2023, 4:54pm UTC](https://community.thunkable.com/t/list-viewer-display-wrong/2279670/20 "2023-03-06T16:54:22Z")

</div>

@ioannis okay, wait the minutes i copy the link to you to your mailbox. Thank you for your help

[Next page](https://community.thunkable.com/t/list-viewer-display-wrong/2279670.md?page=2)
