[Solved] how do I create a Custom layout for Data viewer in DnD

How do i create the Custom data viewer layout in the old UI and make it available in the DnD? I can not work it out.

1 Like

Create the layout in the Snap to Place interface. Click on a component (such as a row or column) that includes all of the other components in the layout and then click the Save as Data Viewer Layout button:

Screen Shot 2022-05-21 at 11.57.10 PM

In the Drag & Drop interface, click on a Data Viewer List (or Grid) and then click on the current layout to display a list of custom layouts you’ve made:


Hi all,

I cant seem to do that in DnD i just dont have the options/and or the be able to breakdown the components of the data viewer on the left hand side. Any ideas?

I’m not really sure what you mean. Both of my screenshots are from the right side of the page. What I circled is where you click to select a custom layout that you’ve saved (in DnD). On your screenshot, it’s right below “List Item Layout”.

If you’re referring to the spot in my screenshot where it says “Get Activity Icon property from column” and then “BackgroundPict → # Activity Icon”, that’s because I enabled Advanced Binding when saving the layout (in StP):


Sorry I mean I have no idea how to create a custom layout in the old interface (not DnD). I added a data viewer list, however I can not seem to figure out how to create/customise it? I am just lost.

Ah, okay. You don’t add the Data Viewer List to the Snap to Place (StP) project. You just use rows and columns to create the layout you need.

See the video here: Custom Data Viewer Layout - Thunkable Docs


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