B4J Tutorials

Ola

New: BANanoWebix App Creation Process

BANanoWebix

Download BANanoWebix

NB: The official webix form builder is here, it does not work with BANanoWebix
NB: The...

 

Ola

Version 1.19+ with drag n drop support.


The next iteration of BANanoWebixApp (Library + Demo + Form Builder) will include drag and drop functionality to design...

 

Ola

Download BANanoWebix Things

The project source code is on the BANanoWebixMultiPage folder. Ensure to update the external libraries folder for b4j with contents of the 1...

 

Ola

Download BANanoWebix Things

In Part 1, we created the shell skeleton of our apps, this entailed the multi-view control and the various pages we needed. These were clients...

 

Ola

The form builder should be run on a web server as it uses SQLite with php. We use xampp. (The WebServer for Chrome DOES NOT support PHP)

Development Servers you can use

1. XAMPP...

 

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