# Drag and Drop: Unable to set the background or text of buttons in custom data viewer

**URL:** https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394
**Category:** Questions about Thunkable X
**Tags:** draganddrop
**Created:** [December 19, 2021, 10:48pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394 "2021-12-19T22:48:33Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)
#### Post date: [December 19, 2021, 10:48pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/1 "2021-12-19T22:48:33Z")

</div>

When I use the custom data viewer in the DnD interface I can’t set the background picture or the text for the buttons in the custom data viewer.

I created an example to show the issue. I set the advanced properties.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/2/a2cf0ee38c2d057d03e3446f0f6161199d05fcc3.png)  
Try to set the properties but as you can see the values don’t show up  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/f/bfab943ec06ca68568f4196333c0960eb6670baa.png)

Link to project creating the custom data viewer in SnP:  
[Thunkable](https://x.thunkable.com/copy/1a0ba9644fa5c6c3583ccfdaebf49487) (Expires Feb 22, 2022)  
Link to project in DnD  
[Thunkable](https://x.thunkable.com/copy/82b5b1fa651e3750f41f2de3a8d7d1b0) (Expires same date)

---

<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: [December 20, 2021, 8:24am UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/2 "2021-12-20T08:24:09Z")

</div>

`Data Viewer List` need to be bound (connected) to a `Data Sources` but the image you shared shows that it is not bound to any source  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/c/4c9f69ed654c8e65d1c17fa98653d5fda0768a11.png)

To be able to link, for example, text to a label inside the `Data Viewer List` you need to supply from the text from a source not from a variable or a component in the app.

**[Edit]**  
Not all components can be mapped inside the `Data Viewer List/Grid`.

---

<div class="post-metadata">

### Author: ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)
#### Post date: [December 20, 2021, 3:38pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/3 "2021-12-20T15:38:36Z")

</div>

These properties are able to be mapped in the SnP but not in the DnD. Even when supplied with a dataset and mapped, the values do not change.

In the screenshot below, even before setting a data set to link to. You can see the properties you are able to map with. This is not the same as in the DnD photo above, in which the properties are blank.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/9/792523f4e6c0701202c8aa0675daa2400605b3ea.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: [December 20, 2021, 5:17pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/4 "2021-12-20T17:17:10Z")

</div>

DnD is still in **Beta stage** and not everything that works in StP would also work in DnD.

However, you can fill in a bug report for that.

> **[Bugs and Feature Requests](https://docs.thunkable.com/bugs-and-feature-requests)**

---

<div class="post-metadata">

### Author: ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)
#### Post date: [December 20, 2021, 5:33pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/5 "2021-12-20T17:33:58Z")

</div>

Yeah I just wanted to make sure I wasn’t crazy, I figured it was a bug, but I wanted to confirm with the community. I’ll raise a bug report on git and copy it here. Thanks Muneer!

---

<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: [December 20, 2021, 9:26pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/6 "2021-12-20T21:26:09Z")

</div>

You’re not crazy. It’s not there just yet. You can make the changes to the dvl rows using loops or when you make the data. Want an example?

 ![Screen Shot 2021-12-20 at 4.58.55 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/7/0769ae810744c0230f93256ec6892a1c8dfad3e4.png)

### so for context. each user in the app has a list of notes. each item in the list is an object and each object has a handful of properties.

 ![Screen Shot 2021-12-20 at 4.30.40 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f48baeb91b57858b77104ee1be788c9536c5a2b7.png)

So i first delete all the rows in Table 1  
then I get the list of objects stored under `cloudNoteBucket/firebaseUserID/notes/` and loop through it  
during each loop, I create a new row in Table 1

- because each item in the list is an object, I use the ‘get property of object’ and use the variable j to extract a value to save for each column in the table  
– j is a temporary variable in this loop. it’s used as a stand-in for each item in the list/array. so during the first. loop, j is the first item in the array, during the second loop it’s the second item, and so on.

for the image value column, i save either a true/false value  
then after each row is created, i test if the CrossedOut Value for j = the word true or false and return a boolean true/false value.

- (it’s key to understand a word ‘true’ isnt the same as the green ‘true’ logic block or what this yellow block returns which is also a [boolean value](https://www.computerhope.com/jargon/b/boolean.htm))

notice that when you save a row, it returns a green `rowID` block. if j’s crossedOut is true, then i use that rowID to modify the corresponding DVL row. So when row 1 in Table 1 has a crossedOut value of true, then the DVL’s row 1’s _components_ can be modified. in this example, i am showing/hiding 2 different labels.

the next if block sets an image in the DVL to be visible when there is an image to show and keeps the image element hidden when it’s not present! it uses the same logic.

---

<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: [December 20, 2021, 9:37pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/7 "2021-12-20T21:37:43Z")

</div>

With looping through the local tables records you will be able to achieve the result in a roundabout way.

For Example, this is a sample local table values  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9f58abfad9cffd00c8b2b9a77b226dda7f75088c.png)

I used these blocks

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f42485305febc5aa9f80cf3a4f4bce6efc9bedf6.png)

To achieve this result  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/f/ff5ffaa8907ab7a3deb65d6dad961a1bcd2f4f44.png)

---

<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: [March 20, 2022, 9:38pm UTC](https://community.thunkable.com/t/drag-and-drop-unable-to-set-the-background-or-text-of-buttons-in-custom-data-viewer/1657394/8 "2022-03-20T21:38:13Z")

</div>

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