B4J Question [SOLVED] ABMaterial Using full width of browser

John Naylor

Active Member
Licensed User
Longtime User
I'm probably being as thick as a whale sandwhich here but I can't figure out how to get my B4J/ABMaterial application to spread out more across the screen. When I run the Demo application I see a button on the navigation bar (1) way further over than it appears in my app (bottom half of the picture). I used the grid builder to put 3 cells in a row but it won't expand out further than the right hand bit of blue container that you see (2). And while I'm at it, as this particular page doesn't have a side menu can I use that area too?

I've looked through the demo for differences but it's really eluding me.

Thanks for reading!



Licensed User
Longtime User
Having a sidebar or not makes the NavigationBar act differently.

Something you can try:
Can you set MyTheme.NavigationBar("yourTheme").TopBarWide = True?
This should normally use approx. the whole width of the nav bar and the button should go way to the right.

Both questions have to do with the same concept: containers.

In ABM (actually Materialize CSS), a container will resize itself depending on the size of the browser. e.g. sometimes it will use 75% of the width, and if you make it smaller it will take 90% of the width of the browser. You can see this change when your resize the browser.

And for the body, if you set the centerInPage param in the AddRow methods to false, then the row will use 100% of the browsers width. If set to true then it will act as described above.
Last edited:
Upvote 0