B4J Tutorials

Ola

Part 1 of this lesson looked at how we could create the shell skeleton of our app i.e. the various pages of our app that will host the different sections we need to build.

We created...

 

Ola

Update: 2019-08-06 A SQLite based version is now available

The purpose of this lesson is about how to create a multi-page app using BANanoWebix.

Part 2
Part 3...

 

Ola

One of the components that seem not to feature anywhere as a built up component is the image. Anyway to cut a long story short, here is our own version of the image, called WixImage...

 

Hi

This lesson is about the 3 layout elements being the carousel, multiview and the tabview. Each of the elements here are added in each row of our page.

Carousel: We will create a...

 

Ola

The webix system has built int hints system that one can use to provide hints on the usage of the app as demonstrated. To be able to use this widget, one needs to create the...

 

Ola

Part 1

This is part 2 of our App Creation Process. We focus on the backend to store our data. The first backend we will look at is BANanoSQL, then BANanoSQLite & BANanoMySQL. The last...

 

Phew

What a long day. This morning I receive a request to consolidate 1.1GB worth of data with 511 files, excel spreadsheet files from a particular tab that has about 120+ columns and I...

 

Ola

The BANanoWebix FD (Form Designer) uses BANanoSQL as a backend db to temporary store form and element properties. The designer is created in such a way that the attributes stored in it are...

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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