I often use the Any Component blocks to loop through a series of buttons in a screen/row/column (Snap to Place interface) and hide some of them. Unfortunately, changing a button’s “visible” property affects the layout of components next to it (they move over to replace it) so I can’t use that. I want the layout to remain the same but the image itself to disappear. Think of a grid of faces with one missing/blank.
What I typically do is to loop through and change the background picture to “” (empty string). This had been working but I guess a change to the coding now prevents it.
This project demonstrates the issue. If you tap on the button, it should remove the image of the owl: Thunkable
Does anyone have a suggestion for something else to try until this can be fixed? I thought about making a .png with a single transparent (1% opacity) pixel and replacing the background picture with that but I haven’t tried it yet. Edit: That does work as a workaround (project: Thunkable).
These blocks work in a web preview but not in Thunkable Live on an iPhone:
I tried both your projects and both works in Android. So this thing is again specific to iOS.
However, I created another project (copying yours) and placed the button inside a row and duplicated the row to create 3 rows (all set to relative size).
Now if you click on the middle one, I set visible property to false and other components don’t get effected as they are in separate containers.
I tried using the background picture but instead of assigning empty string “” or null I put a space in the text block and it worked. The image disappeared in Android.
