B4J Question [ABMaterial] ABMInput Formatting & Row Space Height?

mindful

Active Member
Licensed User
@Mashiane you can decrease the space between rows using :
B4X:
AddRowsM (numberOfRows As Int, centerInRow As Boolean, marginTopPx As Int, marginBottomPx As Int, themeName As String)
This method gives you the option to specify the top and bottom margins!
 
Upvote 0

alwaysbusy

Expert
Licensed User
Longtime User
Indeed, and if this ultimately is not enough, you can override all padding/margins on a row and cell with:

B4X:
page.row(1).PaddingLeft
page.row(1).PaddingRight
page.row(1).PaddingTop
page.row(1).PaddingBottom
page.row(1).MarginTop
page.row(1).MarginBottom
page.row(1).MarginLeft
page.row(1).MarginRight

page.cell(1,1).PaddingLeft
page.cell(1,1).PaddingRight
page.cell(1,1).PaddingTop
page.cell(1,1).PaddingBottom
page.cell(1,1).MarginTop
page.cell(1,1).MarginBottom
page.cell(1,1).MarginLeft
page.cell(1,1).MarginRight

Note: here we're talking about strings, so you have to use stuff like '20px' or '2rem' or 'auto' (some css knowledge is required)
 
Upvote 0

alwaysbusy

Expert
Licensed User
Longtime User
bold/italic
Add it as a wish to the feedback app so I can add it to the InputTheme.

You can try to do it manually, but it is very tricky to get it just right at the right place. Especially using the right internal ID.

e.g. an input in a Modalsheet can have the ID 'executors1excode' but you have to use the 'internal' ID (which in chrome you can see by using the Chrome Developer Tools, F12), in my example 'executors1-content-executors1excode'

B4X:
ABM.SetStyleProperty(page, "executors1-content-executors1excode", "font-weight", "bold")
page.ws.Flush ' important

In my example, this has to hapen AFTER you open the modalsheet.

In 'Native' ABMaterial (as a build-in property in the Theme), you won't have to worry about those things as ABMaterial does take care of all this for you
 
Upvote 0

incendio

Well-Known Member
Licensed User
Longtime User
I tried to used these codes
B4X:
page.AddRowsM(1,True,0,0, "").AddCellsOS(2,0,0,0,12,6,6,"")
page.AddRowsM(3,True,0,0,"").AddCells12(1,"")

But the space between rows not small enough, so I tried this
B4X:
page.AddRows(1,True,"").AddCellsOS(2,0,0,0,12,6,6,"")
page.row(1).MarginTop = "10px"
page.row(1).MarginBottom = "50px"

I didn't work, compiled OK, but error on browser : Unable to connect.
 
Upvote 0

incendio

Well-Known Member
Licensed User
Longtime User
@incendio Make sure you do a BuildGrid() before you try to set a page.row().Margin... property

It worked, but these codes
B4X:
page.BuildGrid 
page.row(1).MarginTop = "0px"
page.row(1).MarginBottom = "0px"

Gave the same result with
B4X:
page.AddRowsM(1,True,0,0, "").AddCellsOS(2,0,0,0,12,6,6,"")

Seem that the space between rows can't be decreased again, is it true?
 
Upvote 0
Cookies are required to use this site. You must accept them to continue using the site. Learn more…