What do you do when horizontal arrangement go missing?

[St_Badhon]

Hello experts,

I ran into a weird problem where my horizontal alignment boxes went missing! I recorded my screen so that you can see what's going on! I don't have a recent checkpoint saved so losing those boxes means a lot of trouble for me. Please check the screen recording and let me know how I can fix it.

Here's the link to my screen recording: Troubleshooting Missing Horizontal Layouts Issue 👩‍💻 | Loom

Thank you!

Note: I've resized the small-width boxes to see if there's anything inside but could not find anything! They are just vanished!!!

[Taifun]

@St_Badhon

horizontal alignment boxes went missing

Can you still find that arrangement in the designer component tree?

Taifun

[ABG]

(Canned Reply: ABG- Export & Upload .aia)
Export your .aia file and upload it here.

.

[St_Badhon]

Here you go: Boi.aia - Google Drive

[St_Badhon]

Yes, I can see them in the component tree! I checked-unchecked the visible button but it didn't help! Here's the aia file incase you want to take a closer look: Boi.aia - Google Drive

[ABG]

Is it one of the empty Horizontal Arrangements like the one I selected from the Mock area and found highlighted in the component tree?

I dislike your design approach.
Sticking book selections to Designer areas is a disaster.
They should be loaded at run time.
You should not need to go into the AI2 Designer when your book collection changes.
This should be a table driven app.

[St_Badhon]

Yes, it is some of those empty blocks. I know it’s a disaster but i'm learning different methods. You can check one of the published version of the app where i've done one library with wordpress. This site works fine on desktop but the readability feature is very bad. So i'm trying to move away from that. You can check out the app from here: https://play.google.com/store/apps/details?id=appinventor.ai_kurt_vaed.Boi

I actually want to simplfy the whole thing. Please suggest me some methods that i can apply.

[ABG]

Try this approach:

Go Scroll Yourself! blocks only (No extensions, No JavaScript)

This tutorial is intended for people who need to display a heavily customized scrollable window into a large table. It can also be used as a CardView. (I needed a pithy title, and "The Elder Scrolls" was taken.) My sample subject area for my data is the historical or current set of legislators in the US Congress, both Representatives and Senators, with photos (where available.) Credits for the source data: Data from https://github.com/unitedstates/congress-legislators photos from https://…

[St_Badhon]

@ABG I already lookes at it when i started developing the app. It felt too conplext too me.
Anyway, are you able to find out why some the images and texts inside the horizontal alignment went missing and how to make them visible again?

[St_Badhon]

@Taifun yes they are visible in the component tree but not visible in the designer. I've added an aia file earlier this week here in the comments. I hope you will take a look at it and see what’s going on there.

Thanks

[Taifun]

Follow @ABG 's recommendations
Taifun

[Boban]

If you make your HorizontalArrangement25 fill parent then you will probably see your arrangements

[St_Badhon]

@Boban Thank you so much! This saves me a lot of time and trouble. I'm travelling now, and i will have access to my computer in about 7 days. I will check your solution and let you know if it’s working on my end or not. Thank you again!

[St_Badhon]

@Boban it worked perfectly! Thank you for helping me solve the problem.