B4J Question [ABMaterial] NavigationBar Title Align

[rbirago]

I noticed a curious (and annoying) detail: in a NavigationBar created using the sampled BuildNavigationBar :

Sub BuildNavigationBar(page As ABMPage, Title As String, logo As String, ActiveTopReturnName As String, ActiveSideReturnName As String, ActiveSideSubReturnName As String)     'ignore   
    
    ' we have to make an ABMImage from our logo url
    Dim sbtopimg As ABMImage
    sbtopimg.Initialize(page, "sbtopimg", logo, 1)
    sbtopimg.SetFixedSize(236, 49)   

'    page.NavigationBar.Initialize(page, "nav1", ABM.SIDEBAR_MANUAL_HIDEMEDIUMSMALL, Title, True, True, 330, 48, sbtopimg, ABM.COLLAPSE_ACCORDION, "nav1theme")   
    
'    page.NavigationBar.Initialize(page, "nav1", ABM.SIDEBAR_AUTO, Title, True, True, 330, 54, sbtopimg, ABM.COLLAPSE_ACCORDION, "nav1theme")
    page.NavigationBar.Initialize(page, "nav1", ABM.SIDEBAR_MANUAL_ALWAYSHIDE, Title,  True,  True, 330,  54, sbtopimg, ABM.COLLAPSE_ACCORDION, "nav1theme")
        
    page.NavigationBar.TopBarDropDownConstrainWidth = False
    page.NavigationBar.ActiveTopReturnName = ActiveTopReturnName
    page.NavigationBar.ActiveSideReturnName = ActiveSideReturnName
    page.NavigationBar.ActiveSideSubReturnName = ActiveSideSubReturnName
    
    
    
    ' you must add at least ONE dummy item if you want to add items to the topbar in ConnectNaviagationBar
    page.NavigationBar.AddTopItem("DUMMY", "{NBSP}", "", "", False)
    
    ' you must add at least ONE dummy item if you want to add items to the sidebar   
    page.NavigationBar.AddSideBarItem("DUMMY", "{NBSP}", "", "")
End Sub

I added 2 menu items using visibility=true
The result on my browser is this:

As you can see the title is centered. If I reduce just a little the browser's window the result is this:

Now the title is left aligned. There is no reason to save right space. At the opposite when the browser's window is larger should be better to left align the title to have more space for menu items. Don't you agree? Is there a workaround to force title to be left aligned?
thank you
Roberto

 

[Harris]

If any consolation, I have struggled and have not figured it out.

There have been discussions and attempts, yet the problem exists.

The Top Navigation bar (from my extensive dev tests) is the only section that I can't overcome.

I can live with that...

 

[rbirago]

I will learn to live with too... but anyway I think that a valid framework as ABMaterial have to be implemented on the basis of the continuous tests of us (developers) to become day by day better to invite people to use it. I want to trust in it. Am I too optimist?
Roberto

 

[Cableguy]

ABMATERIAL uses and behaves by Google's Material guidelines.
What you are experiencing is due to the Framework responsiveness to the page size change.
In my projects I ended up by using my self-brewed Navigation bar, but this also implies that I must also manage all the page size changes like from showing in a mobile versus desktop.

 

[rbirago]

As I wrote before: I will accept this non-linear alignment, hoping that in some future time the ABMaterial's author finds a better solution.
The workaround of rewriting the Navigation Bar is for me an heavy choice.
Roberto

 

[Cableguy]

As I wrote before: I will accept this non-linear alignment, hoping that in some future time the ABMaterial's author finds a better solution.
The workaround of rewriting the Navigation Bar is for me an heavy choice.
Roberto

Not that heavy and a lot more versatile...
Take a look here

[ABMaterial] how to create a fixed header

Hi guys... I'm trying to conceptualize my first ABMaterial webapp, which will, for simplicity and learning purposes, is to be a single page, in which I plan to have a Fixed header with an image, a title and 3 icons (like a topnavbar, except the later does not accept an image unless I set a...

www.b4x.com