When I copy-paste the code from the demo into my app (and also copy-paste the folder of the images used in the flexwall into my app folder), I get the result shown below:
What should I change to get the FlexWall picture layout of the demo?
I don't think it is a grid visibility issue.
After all, the flexwall page in my app is an exact copy of abmaterial's demo page, which works OK.
The setup is very simple:
In Buildpage:
Dim flexWall As ABMFlexWall
flexWall.Initialize(page, "flexwall", 350)
For i = 1 To 20
flexWall.AddImage(ABMShared.BuildImage(page, "img" & i, "../images2/" & i & ".jpg",1, i & ".jpg"), 1024, 768)
Next
page.Cell(2,1).AddComponent(flexWall)
In fact, the only difference I see between my app and Mashiane's and ABMaterial's Demo app is that my SideBar Menu is always hidden - although I cannot think why hiding the menu would cause the flexwall to have this behaviour.
Anyway, I will try my app's flexwall tomorrow without hiding the SideBar menu and report back.
Actually it is possible that the hidden sidebar causes this: the sidebar is in Materialize CSS normally only hidden on phones or tablets, not desktops. So if it is hidden, it may affect the behaviour of the rest of the page as being seen as a phone or tablet.
Actually it is possible that the hidden sidebar causes this: the sidebar is in Materialize CSS normally only hidden on phones or tablets, not desktops. So if it is hidden, it may affect the behaviour of the rest of the page as being seen as a phone or tablet.
I confirm that by setting the sidebar's visibility to ABM.SIDEBAR_AUTO or ABM.SIDEBAR_MANUAL_HIDEMEDIUMSMALL the flexwall is displayed properly.
Thank you all for pointing me in the right direction.