B4J Tutorials

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...

 

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...

 

Ola

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

Dim tb As WixTabBar

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

 

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...

 

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...

 

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...

 

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...

 

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...

 

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...

 

Hi

The comments widget works like a chat screen. Now I need to learn BANanoWebsockets and feed that into this.

One of the nice things about this component is that the users data...

 

Ola

Well this is one of my favourate elements.

First lets add the toolbar in a row with badges and then after that we add the sidebar with the various icons. The structure of the...

 

Hi

The property sheet / property bag allows one to have such an item on their apps. It accepts text, password, date, color, combo, select to mention of the few controls.

To Set the values to it...

 

Ola

Unit lists enable one to group lists by common ground, e.g. first letter of alphabet for the selected field.

For this example, we use the dummy data generator and then unite...

 

Ola

Here we demonstrate how we can have a list with a pager linked to it and we animate the list.

First we create a pager element and give it a unique id with the size to show...

 

Ola

Get your own copy of BANanoWebix

The data view is also one of the elements to view data from data sources. One feeds it whatever template they need to display it it. For example here...

 

Ola

Lesson 8.1
Lesson 8.3
Lesson 8.4

Get your copy of BANanoWebix

This is the second installment about the databable. Here we look at how to add our own columns in the...

 

Ola

Fork it here...

Let me close off today with Lesson 7, that deals with the charts. Depicted here is not everything there is though. We will deal with mutliple type charts on same chart...

 

Hi

Fork it here

Let's move on and explore the form data entry elements. As we are just limited to basic elements for the open source version of this lib, some components one can check on...

 

Hi

This 5th installment of webix tuts deals with how one can create toolbars. These sit on the Rows collection of your page and can have a variety of elements like buttons, toggle buttons and...

 

This is not a tutorial on how to create custom components for ABMaterial. It is more a "what to watch out for when creating custom components that need to work with an ABMModalSheet". This is also...