B4J Tutorials

[BANanoWebix] Lesson 13 The TreeView

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

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

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: 604
  • BP.zip
    3 KB · Views: 649
Last edited:
Click to expand...

[BANanoWebix] Lesson 15 Menus & Windows

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

[BANanoWebix] Lesson 17 - Comments / Chat Widget

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...
 
Click to expand...

[BANanoWebix] Lesson 16 - The Sidebar

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...
 
Click to expand...

[BANanoWebix] Lesson 12: Property Sheet

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...
 
Click to expand...

[BANAnoWebix] Lesson 11 Unit List

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...
 
Click to expand...

[BANanoWebix] Lesson 10 Lists

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...
 
Click to expand...

[BANanoWebix] Lesson 9: DataView

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...
 
Click to expand...

[BANanoWebix] Lesson 8.2. The DataTable/DataGrid

Last edited:
Click to expand...

[BANanoWebix] Lesson 7: Charts - Part 1

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...
 
Last edited:
Click to expand...

[BANanoWebix] Lesson 6: Form Data Entry Elements

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...
 
Last edited:
Click to expand...

[BANanoWebix] Lesson 5: Creating ToolBars

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...
 
Click to expand...

[ABMaterial] Custom components and ABMModalSheet

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...
 
Last edited:
Click to expand...

[BANanoWebix] Lesson 3: Let's create some accordions

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...
 
Click to expand...

[BANanoWebix] Lesson 2: Understanding the 6 layout types

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...
 
Click to expand...

[BANanoWebix]: Lesson 1 - Understanding the layout of a Webix SPA

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...
 
Click to expand...

[ABMaterial]: Creating a Sign In Modal Dialog with Options: Part 3.1

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

Attachments

  • frmCreateAccount.bas
    30 KB · Views: 590
  • frmLogin.bas
    23.9 KB · Views: 586
  • activate.zip
    1.4 KB · Views: 507
Click to expand...

[ABMaterial][BANano] Issue(s) with developing in both

First post, first issue:
I'm in the process of developing an ABM application. For testing purposes, I uploaded the application on my test server. The application may start fine, but when loading...
 
Last edited:
Click to expand...
You must log in or register to post here.
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…