B4J Tutorial SithasoDaisy: Creating Dialog Forms with the Abstract Designer

Good day

In the SithasoDaisy download package, you get a MySQL Crud App for a simple expense tracking app. As a showcase, there is a b4j layout named expenseCategory




This layout has been built to stand alone as it's injected inside a modal during the BuildPage page process.

B4X:
'start building the page
private Sub BuildPage
    banano.LoadLayout(app.PageViewer, "expensecategorieslayout")
    banano.LoadLayout(mdlExpense.FormHere, "expenseCategory")
    'apply master data source settings
    app.SetBackEnd(dsExpense)
    '
    BuildTable
    '
    mounted
End Sub


We first load the expensecategorieslayout into the pageViewer, then, inside the form of the modal, we load this layout. This layout uses a grid approach as components are placed inside rows and columns. You can get a brief about this here.


A column can span 12 spaces i.e Size, however you can indicate the size to take for each of the devices.




In the case below, we are saying, the size across all devices, should be 6 i.e. half of the screen.




The end result of this form is...



When the app is being ran, you will explore and learn about creating this type of table. This has badged and color coded text (green & red)

Also




Adding Expenses & Loading combo boxes from Database records




Etc

Happy Coding.
 
Cookies are required to use this site. You must accept them to continue using the site. Learn more…