B4J Tutorials

How to create and test a CustomView

Ola

This is a continuation of the MashSkeletor concept. If you are a beginner in b4j custom views you might find this very helpful. In this part, the custom view structure was created and now its...
 

How to create an overview for your B4X articles easily

Hi there

UPDATE: A WebApp using BANAno has been created for this, see here...
 
Last edited:

Firebase Service (Server) Example

Hey,

this is an example/tutorial of a Server that manages Firebase Subscribtions, Unsubscribtions and SendMessages2Topics with the Power of B4J Server!

The advantage is, requests are processed...
 

Attachments

  • FirebaseService.zip
    27 KB · Views: 861

[ABMaterial] - ABMCustomComponent - Google Charts

Requires ABM version 2.0 or above...

Google Charts - LineChart

My second stab at using a custom component ( which generally means adding js script into the project).
This is a bit more...
 

[ABMaterial] B4JS - 07 The UI connection (part 2)

[SOLVED]How to measure the width taken by a radio button?

Hi there

How can I measure the width taken by a radio button including its text?

Thanks
 

[ABMaterial] Change font type

This post is the answer @alwaysbusy gave me to my question about how to implement a label to look like a clock:

Make a new css file and put it in /css/custom) In my case, 'Digital-7.css'...
 

[Server] Data Collection Solution - Device, Desktop and Web reports

This is an example of building a data collection solution. The solution is made of three components:
- (B4J) Server - Manages the data in a SQLite database.
- (B4A) Device client and (B4J) desktop...
 

Attachments

  • DataCollectionServer.zip
    4.7 KB · Views: 2,365
  • DataCollectionDevice.zip
    8 KB · Views: 2,085
  • DataCollectionDesktop.zip
    2.1 KB · Views: 1,366
Last edited:

[ABMaterial]: Using ABMFileInput for Profile Pictures

For my case study...


I needed a way to upload user profile images to the server and link these to user profiles. The use of the ABMFileInput has touched on some of my screens...
 

Attachments

  • people.bas
    42.2 KB · Views: 686

[ABMaterial] B4JS - 06 The UI Connection

Last edited:

[ABMaterial] B4JS - 01 Getting Started

Last edited:

[ABMaterial] B4JS - 05 JSON & Ajax Calls

Last edited:

[ABMaterial] B4JS - 04 Running Javascript on the server side (mini NodeJS?)

[ABMaterial] B4JS - 03 Inline Javascript

Last edited:

WSL Linux and B4x

If anyone is interested in being able to rapidly test desktop, console or server code in a headless environment using WSL, Linux and X11 I have prepared 19 ready to run distro's that can...
 
Last edited:

[ABMaterial] Complex PDF Layout and Controls




Another small example of what you can do with ABM. (code can follow)...
It is not so much about the page, but what you can do with the creation of the SQL Query.

PDF docs are...
 

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

Well


I wanted to create a modal dialog (ABMModalSheet), that will have options for 1. Forgot Password and 2. Not a Member Yet to 1. enable moving to another screen if user...
 

Attachments

  • ModalLogin.gif
    287.5 KB · Views: 820
  • frmLogin.bas
    19.8 KB · Views: 763
Last edited:

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

Hi there

Part 2.1 seeks to address the UX design for the "Try Something Else" screen. This occurs when a user has forgotten the password but then instead of having it sent they just change it...
 

Attachments

  • frmChangePassword.bas
    20 KB · Views: 778

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

Attachments

  • frmCreateAccount.bas
    29.6 KB · Views: 717
Last edited:

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

Hi again

This is the second installment of the above mentioned article. In this part we will look into the "Forgot Password" UX design and some additional things.

Part 2.1...
 

Attachments

  • frmForgotPassword.bas
    18.9 KB · Views: 788
Last edited:
Cookies are required to use this site. You must accept them to continue using the site. Learn more…