# How can I prevent my text from being clipped in a custom Data Viewer List layout?

**URL:** <https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [July 15, 2025, 10:08am UTC](https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440 "2025-07-15T10:08:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![thkble8843d9wrzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/thkble8843d9wrzy/32/207693_2.png) [@thkble8843d9wrzy](https://community.thunkable.com/u/thkble8843d9wrzy)\
**Post date:** [July 15, 2025, 10:08am UTC](https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440/1 "2025-07-15T10:08:42Z")

</div>

**Problem:**  
Even though every container and label is set to **Fill container** (width) and **Fit to contents** (height), my **Description Label** text still gets clipped on the List Screen.

**Context:**  
I’m using the **Quote Estimator** app as my template. On my **List Screen** I have:

- A top-level container
  - Direction: **Horizontal**
  - Horizontal Alignment: **Center**
  - Vertical Alignment: **Center**
  - Contains a **Data Viewer List**

I then created a **Custom Data Viewer Layout** called `customLayout-phase`, configured as follows:

1. **customLayout-phase**

- Direction: **Vertical**
- Vertical Alignment: **Top**
- Horizontal Alignment: **Center**
- Contains → `customContainer`

1. **customContainer**

- Direction: **Horizontal**
- Vertical Alignment: **Center**
- Horizontal Alignment: **Center**
- Width: **Fill container**
- Height: **Fit to contents**
- Contains → `customLayoutContainer`

1. **customLayoutContainer**

- Direction: **Vertical**
- Vertical Alignment: **Center**
- Horizontal Alignment: **Center**
- Width: **Fill container**
- Height: **Fit to contents**
- Contains →
  - **Name Label**
  - **Description Label**

 ![Capture](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/7/b7dc6bb9004f92d0e1d57e718a65b227bbe7d5c4.png)  
 ![Capture2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e38c89e74d621221d5c344d297e787d8c29be12.png)

---

<div class="post-metadata">

**Author:** ![ianradnor088s4jwwg](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ianradnor088s4jwwg/32/213918_2.png) [@ianradnor088s4jwwg](https://community.thunkable.com/u/ianradnor088s4jwwg)\
**Post date:** [July 15, 2025, 12:36pm UTC](https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440/2 "2025-07-15T12:36:31Z")

</div>

Hello!

You can try the following

Set the **Description Label’s “Max Lines”** to 0 (unlimited) and ensure **“Wrap Text”** is enabled. Also, check the **Data Viewer List height** allows expansion and the parent containers have no fixed height or clipping styles. Use **Vertical Scroll** if needed.

---

<div class="post-metadata">

**Author:** ![thkble8843d9wrzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/thkble8843d9wrzy/32/207693_2.png) [@thkble8843d9wrzy](https://community.thunkable.com/u/thkble8843d9wrzy)\
**Post date:** [July 15, 2025, 5:37pm UTC](https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440/3 "2025-07-15T17:37:44Z")

</div>

The text-clipping issue is now fully resolved—thanks again for the pointer on making `customLayout-phase` scrollable and auto-sizing. The only remaining tweak is the vertical spacing between rows, which still feels a bit tight; I’ll adjust the padding/margins on my containers next. Solving the clipping has let me keep moving forward on the redesign. Appreciate the response @ianradnor088s4jwwg

---

<div class="post-metadata">

**Author:** ![ianradnor088s4jwwg](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ianradnor088s4jwwg/32/213918_2.png) [@ianradnor088s4jwwg](https://community.thunkable.com/u/ianradnor088s4jwwg)\
**Post date:** [July 16, 2025, 5:10am UTC](https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440/4 "2025-07-16T05:10:25Z")

</div>

You’re very welcome—glad to hear the clipping issue is fully resolved! 🙌

For the vertical spacing, adjusting the **padding/margin** on `customLayout-phase` or its child containers (especially around `customContainer` or `customLayoutContainer`) should give you that breathing room between rows. Let me know if you want help fine-tuning those values. Keep going strong on the redesign!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [October 14, 2025, 5:11am UTC](https://community.thunkable.com/t/how-can-i-prevent-my-text-from-being-clipped-in-a-custom-data-viewer-list-layout/3998440/5 "2025-10-14T05:11:04Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.