B4J Tutorials

jPOI to the rescue

• By Erel
• Mar 24, 2019

I'm helping a group of first aid personnel with their organization. There are about 50 people. The main communication channel is a Whatsapp group.

Each one needed to fill a MS Word document with...

 

Click to expand...

[BANanoWebix] Lesson 8.3 Datatable Pagination & Exporting to XLSX, PNG, PDF and CSV

• By Mashiane
• Jul 2, 2019

Ola

Lesson 8.1
Lesson 8.2
Lesson 8.3
Lesson 8.4

As per subject matter this lesson is about a data-table with a pager and also functionality to export its contents to PNG...

 

Last edited by a moderator: Jun 29, 2020

Click to expand...

[BANanoWebix] Lesson 6.X Form Validation

• By Mashiane
• Jul 5, 2019

Ola

Let's add form validation. This is a process of ensuring that whatever is entered by users is valid.

We accept isEmail, isNumber, isChecked, isNotEmpty.

Let's create a form with some...

 

Click to expand...

[BANanoWebix] Lesson 8.4 Enhanced Data-Table

• By Mashiane
• Jul 5, 2019

Ola

Lesson 8.1
Lesson 8.2
Lesson 8.3
Lesson 8.4

Welcome to the enhanced data-table. So what are we talking about?

1. Filtering
2. Conditional styling of content
3...

 

Last edited: Jul 5, 2019

Click to expand...

[BANanoWebix] Lesson 28 Suggestions

• By Mashiane
• Jul 4, 2019

Ola

There comes a time when you want suggestions on text, combos etc. The WixSuggest elements comes in handy, you feed it a list of data and map it to a control and wala, when keypressing on the...

 

Click to expand...

[BANanoWebix] Creating a Multi-Page Interface in a SPA

• By Mashiane
• Jul 2, 2019

Ola

The latest release of BANanoWebix features a sidebar that when selected, it displays 'different pages' within the same 'index.html file.



At the heart of every BANano based App...

 

Last edited: Jul 2, 2019

Click to expand...

[BANanoWebix] Lesson 25 Template

• By Mashiane
• Jul 2, 2019

Ola

The template is just also like the scrollview, enabling one to create elements..



In this image we depict how we have created a container and then added templates on the row...

 

Click to expand...

[BANanoWebix] Lesson 24 ScrollView

• By Mashiane
• Jul 2, 2019

Phew...

Lesson 24 is about the scrollview. One can use this to host divs and other stuff that they might need to scroll.



In this example we have created a scrollview with both X...

 

Click to expand...

[BANanoWebix] Lesson 23 WixVideo

• By Mashiane
• Jul 2, 2019

Ola

The video component allows one just to do that, show videos. Whilst one is able to set the height & width of their videos, this does not have much properties.



One is able to...

 

Click to expand...

[BANanoWebix] Lesson 8.1 The DataTable/DataGrid

• By Mashiane
• Jun 25, 2019

Ola

Lesson 8.2

Get your copy of BANanoWebix

The datatable is an editable table for data that one can use.


Like the rest of the components, one is able to apply to it...

 

Last edited: Jun 25, 2019

Click to expand...

[BANanoWebix] Lesson 22 - Method 3 (DropZone)

• By Mashiane
• Jul 1, 2019

Ola

Lesson 22 - Method 1
Lesson 22 - Method 2

This method involves the dropzone where one can drag and drop files into the uploader.



A list is placed on a page...

 

Click to expand...

[BANanoWebix] Lesson 22 Uploader Method 2

• By Mashiane
• Jul 1, 2019

Ola

Lesson 22 Method 1



Method 2 of the file uploader is a method that actually places an uploader on a form including a list that displays the files that have been selected...

 

Click to expand...

[BANanoWebix] Lesson 22 Uploader - Method 1

• By Mashiane
• Jul 1, 2019

Hi

We are just left with almost 2 additional widgets to complete on the standard open-source license before we can start building a working app.

The uploader widget enables one to upload files...

 

Last edited: Jul 1, 2019

Click to expand...

[BANanoWebix] Lesson 21 TabBar

• By Mashiane
• Jul 1, 2019

Ola

The tab-bar as depicted below is placed at the bottom of the page...

B4X:

Dim tb As WixTabBar

    tb.Initialize("tb").SetHeight(60).SetTypeBottom(True).SetMultiView(True).SetAnimate(True)...

 

Click to expand...

[BANanoWebix] Lesson 19 Contexts

• By Mashiane
• Jun 30, 2019

Ola

This lesson is about the 'context' and 'contextmenu' widgets.

Context are popups that one can use in case they want to provide some help on the UX. Both the context and context menus appear...

 

Click to expand...

[BANanoWebix] Lesson 14 - The TreeTable

• By Mashiane
• Jun 30, 2019

Hi

The tree-table is a combination of the tree and the data-table.



To create the tree-table, one needs to add the columns they will need, then indicate which column should feature...

 

Click to expand...

[BANanoWebix] Lesson 13 The TreeView

• By Mashiane
• Jun 25, 2019

Hi

The treeview is basically that, a tree view. You add items and children and can also trap the itemClick event for the item to get the key selected..



Here we use .SetData to load...

 

Click to expand...

[BANanoWebix] Lesson 18 GroupList

• By Mashiane
• Jun 30, 2019

Ola

The grouplist enables one to group elements added easily. Thanks to code that @Brandsum for code to unflatten a list of map records to a tree.



We create the grouplist...

 

Click to expand...

[BANanoSQL] CRUD with grid & modal using UOENow

• By Mashiane
• Jun 3, 2019

Ola

Creating this demo app has has been done in 2 phases. The first phase has been to develop the components to use with the app into a BANano based library and secondly to build the resulting...

 

Attachments

• wine.zip

  6.3 KB · Views: 777
• BP.zip

  3 KB · Views: 816

Last edited: Jun 3, 2019

Click to expand...

[BANanoWebix] Lesson 15 Menus & Windows

• By Mashiane
• Jun 25, 2019

Hi

This lesson covers 3 items being..

1. Menu
2. SideMenu
3. Window
4. Popup



1. The menu

This can be a vertical or horizontal menu that one can have and it can also have...

 

Click to expand...