B4J Tutorial [BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano

Mashiane

Expert
Licensed User
Longtime User
Part 23 - Grid Design Using the Abstract Designer (Part 2)

Download BVAD3 2.42 BETA

We have now added the compiled version of the library in the External Libraries of the dist.

Lets begin creating awesome grids using the abstract designer. We use v-row, v-col, v-sheets to explain concepts with #LiveCodeSwapping.


#ExplainItLikeIm5


We continued and added more rows and columns to the grid. In each we changed the sizes to meet our specs. We used a v-sheet in each column.

Next we will look at input controls.

 
Last edited:

Mashiane

Expert
Licensed User
Longtime User
Part 25

Alerts & Confirmation Dialogs inside component pages. Previously, alerts and confirm dialogs were managed at a global scale using confirm_ok and confirm_cancel with BVM.
This ensures that code for alerts and confirm run inside their own scope of the page. This is an amazing addition to BVAD3!!!

 

Mashiane

Expert
Licensed User
Longtime User
BVAD3 Version 2.52 BETA

Phew... just discovered a major flaw on the grid design code. The library

Here is a fixed version. Please note only example 26 has been updated, the rest not.

Also I had to add a "process" key for the alert dialog, just like ShowConfirm method.

NB: Only Tutotial 26 is updated on the repo.

Download
 

Mashiane

Expert
Licensed User
Longtime User
joulongleu said:
show icon name not id or title
Click to expand...
Its because when it was initialized on the code, we set it to display the "icon" and not the "id", see the code.

For example..

B4X: 
BVAD3.NewListItem(lists, "list1", "items", "iconleft", 0,  Null)

and

B4X: 
BVAD3.NewListItem(lists, "list2", "icontitle", "icon", 0,  Null)

How?

When you run any of the add methods, they create a map record for the item you add. This is the format.

B4X: 
'add an item
Sub Items_Add(records As List, sid As String, siconleft As String, savatar As String, savataricon As String, sicon As String, siconcolor As String, stitle As String, ssubtitle As String, ssubtitle1 As String, slinkto As String, siconright As String, stextright As String)
    Dim rec As Map = CreateMap()
    rec.Put("id", sid)
    If siconleft <> "" Then rec.Put("iconleft", siconleft)
    If savatar <> "" Then rec.Put("avatar", savatar)
    If sicon <> "" Then rec.Put("icon", sicon)
    If siconcolor <> "" Then rec.put("iconcolor", siconcolor)
    If stitle <> "" Then rec.Put("title", stitle)
    If ssubtitle <> "" Then rec.Put("subtitle", ssubtitle)
    If ssubtitle1 <> "" Then rec.Put("subtitle1", ssubtitle1)
    If siconright <> "" Then rec.Put("iconright", siconright)
    If stextright <> "" Then rec.Put("textright", stextright)
    If savataricon <> "" Then rec.Put("avataricon", savataricon)
    If slinkto <> "" Then rec.Put("to", slinkto)
    records.Add(rec)
End Sub

So as you can see, you are not limited to anything that you want to return, whether its the title, subtitle etc,

So to return the "id", change iconleft / icon to "id"
 
You must log in or register to reply here.

Similar Threads

  • Article
Share My Creation BANano File Sharer Dashboard
Replies
2
Views
2K
Mashiane
  • Article
B4J Library [BANanoVueMaterial]: The first complete opensource VueJS UX based framework for BANano
16 17 18
Replies
351
Views
61K
NGUYEN TUAN ANH
  • Article
Share My Creation [BANanoWebix] An OpenSource Webix UX Wrapper for BANano
2 3
Replies
58
Views
20K
Mashiane
  • Article
Share My Creation [BANano] WebSites, WebApps, Frameworks Created with BANano
2 3
Replies
43
Views
7K
Mashiane
  • Article
B4J Tutorial [BANano] v2: (2) B4J Abstract Designer
Replies
0
Views
5K
alwaysbusy
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…