B4J Tutorials

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

 

Hi

Based on what we have learned in lesson 1 and 2, here we will explorer another layout element, the accordion.

The accordion we can create comes in two flavours, one vertical and one...

 

Hi again

In Lesson 1, we looked at how we can place elements within rows and columns to layout a purported app design. This has resizers so that we can resize the columns and we also used some...

 

Ola

Reference: Proof of Concept

A couple of days ago i started on about a proof of concept I am working on. A wrapper of the Webix framework to create BANano based apps.

What is Webix...

 

Hi again

This is the final installment of this important tutorial and is a continuation of part 3, which dealt with the Sign Up process.

So far, we have demonstrated how one can Sign Up, get...

 

Hi Guys,

In a project I've recently started working, I saw the need to create a "Custom" component... But since ABMaterial already uses this denomination for ABMCustomComponents, I decided to...

 

Ola

For the next part of my project, I need functionality for anyone to apply online to the college. So I thought perhaps for the first part, one can just be provided with a single...

 

Foreword:
This solves a very specific case that may just apply to me. For current development, I'm still on JDK version 8. But for future coding/testing, I also have JDK 11 installed. I often...

 

Ola

NB: The code here explains the use of parameter based queries for CRUD

I have been exploring MySQL with BANano, this was previously done using external PHP files and thus using...

 

Hello

I want to show a NavigationBar, But in the demo there is a BuildNavigationBar And ConnectNavigationBar, what is the point of both?

I just use BuildNavigationBar and comment out...

 

IMPORTANT

The Theming series has been canceled!
​

Hi guys, I have decided to cancel the Theming series for 2 or 3 mains reasons:

* Tackling one component...