# DVL layout wrapper: only some properties work

**URL:** <https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503>\
**Category:** Issues / Bugs\
**Created:** [September 2, 2022, 5:30am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503 "2022-09-02T05:30:13Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [September 2, 2022, 5:30am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/1 "2022-09-02T05:30:14Z")

</div>

The Data Viewer Layout wrapper works for me when I change for example the background color or the visibility. This block works:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e49f48c45a1d6672662ee0d894a20e332c7b1f36.png)

But when I try to change the size, this block does not work:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/1/41ac02751f054122bdc520f5a317add3a79d0d5a.png)

… I get an error from Thunkable “Something has gone wrong. Check your blocks and reset this page.”

Are there any restrictions about the possible height inside the DVL? Or is it a bug and _should_ work?

Error appears in android live companion 331-2 and iOS live companion 331-1.

Error appears not only in the “Right swipe click” block but also in “Item click”.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [September 2, 2022, 7:36am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/2 "2022-09-02T07:36:43Z")

</div>

> [@Michael\_Rogulla](#):
>
> Data Viewer Layout wrapper

I’m not sure if this is a component we’d encourage editing…that being said though!

* * *

> [@Michael\_Rogulla](#):
>
> I try to change the size

I think the wrapper _might_ be a fit contents/fill container type of component? Will have to double check this for you.

* * *

Can you tell us a bit more about what you’re trying to do here? Why do you need to change the size of the DVL wrapper rather than the size of the DVL itself?

Thanks

---

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [September 2, 2022, 8:41am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/3 "2022-09-02T08:41:58Z")

</div>

> [@domhnallohanlon](#):
>
> Can you tell us a bit more about what you’re trying to do here?

@domhnallohanlon

On one hand out of curiosity: the DVL is a great component and with the many wrappers I can change the layout individually. For example to emphasize entries or to mark previously selected ones with a color. Or for example I am able to set visibility to “false” after an entry was selected, so a user can click on every item exactly only one time.

In an older app I used two DVLs with the same data, one is visible and one is invisible. The user could switch between them like “list with text and small pictures” / “list with longer text and bigger pictures” and technically I changed only the visibility of the two lists.

Today I wanted to know if I can emphasize entries individually which didn’t work at least speaking of height. There are many possibilities and the function “set height” gives some interesting variations.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 2, 2022, 1:49pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/4 "2022-09-02T13:49:57Z")

</div>

Have you tried the layouts component yet? I’m using them all over the new app that I’m working on and they work amazingly well for exactly the type of thing that you’re asking about here

---

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [September 2, 2022, 3:19pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/5 "2022-09-02T15:19:58Z")

</div>

Hi Jared,  
I am not shure if we talk about the same objectives: I am looking for a way to have a list of items and to change the size of several entries of the list individually, even if I don’t know how many items there are. The layout component is more or less a statically usable component, isn’t it?

I would like to have something like this (example app with restaurants):

![grafik](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/f/bf5ea3fc461097e08accf1b7456ed5b11bcba175.png)

---

<div class="post-metadata">

**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:** [September 2, 2022, 5:00pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/6 "2022-09-02T17:00:41Z")

</div>

The height of the components inside a DVL cannot be changed by code nor by column values from the data source.

I tried it in many ways but could not get it to work.

---

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [September 2, 2022, 11:44pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/7 "2022-09-02T23:44:52Z")

</div>

I am sorry to ask but what is a block “set Data Viewer List’s LayoutWrapper - Height to …” good for?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 3, 2022, 11:25am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/8 "2022-09-03T11:25:35Z")

</div>

Hey @Michael_Rogulla

What you are asking about is definteily possible.

---

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [September 3, 2022, 11:43am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/9 "2022-09-03T11:43:25Z")

</div>

Hi Jared, thank you for the response.

When using the block “set Data\_Viewer\_List’s LayoutWrapper → Height = 16” I get a fatal error from thunkable. @muneer says that he has found no way to change the height inside a DVL. Your opinion is that it should be possible… right now the score is 2:1 against my idea 🙂

Have you tried it? Could you show me a working example?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 3, 2022, 11:59am UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/10 "2022-09-03T11:59:59Z")

</div>

I am not referencing the DVL. I am talking about the layouts component. have you tried using that yet?

Please see this example of changing the height of objects in a layout component.  
[https://x.thunkable.com/projects/631341d1658c2902271586f6/1542b44b-9a73-4245-862b-9bcf6dbd725a/blocks](https://x.thunkable.com/projects/631341d1658c2902271586f6/1542b44b-9a73-4245-862b-9bcf6dbd725a/blocks)

---

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [September 3, 2022, 12:38pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/11 "2022-09-03T12:38:35Z")

</div>

ok thank you for the example, but I am specifically interested in the DVL.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 3, 2022, 12:50pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/12 "2022-09-03T12:50:59Z")

</div>

sure. If you need this feature though, you can create your app using the layouts component and achieve the same result EXCEPT for being able to tap/slide the rows as an event.

Instead, you need to include the labels and relevant buttons in the row that you clone. then you can show/hide components conditionally while allowing the rest of the rows to move to make space for the row’s new height

If you’re interested in learning, I offer paid coaching sessions to bring you up to speed quickly! 🙂

---

<div class="post-metadata">

**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:** [September 3, 2022, 1:51pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/13 "2022-09-03T13:51:44Z")

</div>

See this post. We have discussed the same height issue.

> [@Request for input: block status tracker](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/70):
>
> Check it. @muneer was right - row height was the problem. I tweaked my layout a little bit (fit contents!) and now we can have headers where we want them within the DVL! (Everyone else reading probably had that figured out, but that’s my new trick for the weekend.) [image] Still needs a bunch of work to look /good/, but I’m feeling like this is on the right track and I know how to yank data out of firebase into the local DB that’s feeding this dataviewer. Questions - status indicators on t…

---

<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, 1:12pm UTC](https://community.thunkable.com/t/dvl-layout-wrapper-only-some-properties-work/2024503/15 "2024-11-08T13:12:53Z")

</div>


