hi the clones to display a series of cardview it’s ok , for a table where I can identify the cells easily it is ok what does not work for me are “cardview” that I want to put in a preferential order it is the use of a button to validate or not then nothing goes maybe someone has a method to offer me because obviously I miss it

I would think it would work the same in StP. Because it’s a loop, you can update as many or as few clones as you need. But I’m not sure how you would do that based on the size of the screen. I use a scrolling layout (you could use a scrolling column in StP) so that it doesn’t matter how many clones I have on the screen.

My “When Screen Opens” block does the following: Delete all containers from the layout (I’m using Layouts that are in beta testing) Clone the container with the labels, etc. that I want to display. I also populate the labels with data from Firebase. I also do #1 and #2 when anything is added to Firebase or deleted from Firebase. I don’t use any listeners. I just add those to any blocks that add/remove data from Firebase.

@bibbi Here’s a video of adding and removing an item: https://watch.screencastify.com/v/bwdbYoNvIU6v7Tyk0PaI

I greatly appreciate your support the video is very telling during an insertion or deletion, a flash effect can be observed (reading and display of data) on the other hand, this flash effect I also have it when I select an item and change the background color of the selected item, it’s very frustrating

Yes, the screen updating is not fast enough to avoid the flash. It would probably be better to clone as many items/rows as needed (in total) and then show or hide items as needed, changing the label values to display updated information. I may try that…

but what is your secret so that this does not happen when you change the color of the selected element ? because you use groups and DnD UI?

[image] tatiang: It would probably be better to clone as many items/rows as needed (in total) and then show or hide items as needed, changing the label values to display updated information. I may try that… It turns out it’s slow to populate labels that way. For some reason, a loop through the Firebase list is faster when used with clones but slower when used without them. And hiding/showing clones isn’t great because if I don’t delete clones then I just keep adding more clones. Edit: Here’s how it looks when I replace the populated values without deleting and re-creating the clones: [ezgif-1-2e20943f0d]

should we resign ourselves? :thinking:

[image] bibbi: should we resign ourselves? :thinking: Never! :rofl: I think I’m really close to having a system that works well. For my app, I only change screens occasionally. So I might be able to clone the item rows when the screen opens and adding/deleting clones as needed, using the method in the gif above to change the item label text. I’m hoping that if I don’t delete all of the clones at once, the flash effect will be lessened, especially when the clones I’m adding are at the end of the layout, off-screen.

I tried to use two containers: when I make a modification I create my clones in the second container and when they are created I clone the whole thing in the first but without much success at the flash effect level

Cloning components to create "DVL" style lists

Questions about Thunkable X

tatiang November 15, 2022, 6:04am 15

I’m using containers that are part of layouts in DnD.

Topic		Replies	Views
Clone Component based on length of list Questions about Thunkable X	8	894	July 2, 2020
Is there a DVL bug? Issues / Bugs	23	826	October 15, 2022
How to insert new item in custom (cloneable) dataviewer in real-time? Questions about Thunkable X beginner , listview	10	1006	May 9, 2021
Find specific item in list Firebase Questions about Thunkable X	62	2036	May 22, 2021
Cloning internal blocks with detail Questions about Thunkable X	3	596	September 6, 2019

Cloning components to create "DVL" style lists

Related topics