B4J Question [ABMaterial] Button align left

M

mcGeorge

Member
Licensed User
Longtime User
Hi, I hope it is simple. I have the following code:

B4X: 
' create the grid for the footer
' we add a row without the default 20px padding so we need to use AddRowsM().  If we do not use this method, a scrollbar will appear to the sheet.
    myModal.Footer.AddRowsM( 1, True, 0, 0, "" ).AddCellsOS( 2, 0, 0, 0, 6, 6, 6, "" )
    myModal.Footer.BuildGrid 'IMPORTANT once you loaded the complete grid AND before you start adding components
    
    ' create the password button for the footer
    Dim msbtn2 As ABMButton
    msbtn2.InitializeFlat(AppPage, "msbtn2", "", "", "Password", "transparent")
    myModal.Footer.Cell(1,1).AddComponent(msbtn2)
    
    ' create the login button for the footer
    Dim msbtn1 As ABMButton
    msbtn1.InitializeFlat(AppPage, "msbtn1", "", "", "Login", "transparent")
    myModal.Footer.Cell(1,2).AddComponent(msbtn1)

The result is, the button msbtn1/Login is on the right side and the msbtn2/Password is in the middle of this dialog.

But I want the msbtn2/Password on the left side. How can I change the align of the content of Cell( 1,1 ) to the left?
I tried to do this with: theme.Cell("CellLeft").Align = ABM.CELL_ALIGN_LEFT
But this changed noting!

Thanks.
 
Sort by date Sort by votes
M

mcGeorge

Member
Licensed User
Longtime User
I tested it and it changed nothing! Maybe I did some wrong?

B4X: 
BuildTheme()
    ' add additional themes specific for this page
    theme.AddCellTheme("CellLeft")
    theme.Cell("CellLeft").Align = ABM.CELL_ALIGN_LEFT
    theme.Cell("CellLeft").BorderColor = ABM.COLOR_BLACK
    theme.Cell("CellLeft").BorderWidth = 1

and

B4X: 
BuildLoginSheet()
    myModal.Footer.AddRowsM( 1, True, 0, 0, "CellLeft" ).AddCellsOS( 1, 0, 0, 0, 6, 6, 6, "CellLeft" ).AddCellsOS( 1, 0, 0, 0, 6, 6, 6, "" )
    myModal.Footer.BuildGrid 'IMPORTANT once you loaded the complete grid AND before you start adding components
  
    ' create the password button for the footer
    Dim msbtn2 As ABMButton
    msbtn2.InitializeFlat(AppPage, "msbtn2", "", "", "Reset Password", "ButtonTest")
    myModal.Footer.Cell(1,1).AddComponent(msbtn2)
  
    ' create the login button for the footer
    Dim msbtn1 As ABMButton
    msbtn1.InitializeFlat(AppPage, "msbtn1", "", "", "Login", "transparent")
    myModal.Footer.Cell(1,2).AddComponent(msbtn1)

the result



you see, the button is still at the right side.
 
Last edited:
Upvote 0

alwaysbusy

Expert
Licensed User
Longtime User
Because of a weird construction in the Materialize CSS framework (actually following Google Guidelines, but still), buttons in the footer are always on the right. I can not change it without breaking existing code so I was forced to create a special property on the button to override this setting. I don't like it either, but it is the only way to do it I'm afraid :-(

B4X: 
msbtn1.ModalFooterForceLeft = True
 
Upvote 0
You must log in or register to reply here.

Similar Threads

  • Question
B4J Question [ABMaterial] NavigationBar Title Align
Replies
5
Views
1K
Cableguy
  • Article
B4A Library [B4X] [XUI] AS FloatingActionButton [Payware]
2 3
Replies
46
Views
12K
Alexander Stolte
M
  • Question
B4J Question [ABMaterial] Navigation bar: How to left align title?
Replies
2
Views
2K
Marcelo Rangel
M
  • Question
B4J Question [ABMATERIAL] Align Button with Input
Replies
7
Views
1K
Dianzoa
  • Question
B4J Question [ABMaterial] how to create a fixed header
Replies
19
Views
3K
alwaysbusy
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…