B4J Tutorial [BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano

Ola

Download Additional Libraries
Download BANanoVuetifyAD3Core Library OR Download BANanoVuetifyAD3 Library
Download Kitchen Sink WebApp (Optional - useful for Learning how this works)
Download BVAD3Builder (Optional - useful to trim your final package)

Full Install Instructions on Github

What's New

To use this free and open source B4J library, you need BANano.

IMPORTANT: BANano License

Join Us

Telegram: https://t.me/bananovuematerial
Twitter: https://twitter.com/mashymbanga
Discord: https://discord.gg/ys8stGgWCU
YouTube: Mashy Teaches Video Series
B4x Blog: Mashy Teaches BVAD3 - New Series
Full Demo: New Awesome Kitchen Sink

Notable Forum Members Contributions

@Erel : Obviously
@alwaysbusy : valuable advice etc, BANano (incl. adjustments that support BVAD3)
@LJG : BANanoServer jRDC2, best overall bug finder
@aeric: Recommendations & Enhancements etc
@Star-Dust : Small solutions to development hitches etc
More...


What's Next?

You will find the most up to date content from this post onwards

Testing DataBase Connectivity (PHP)

The kitchen sink now has connectity testing for the various backends. To ensure that your app will work, you can check if your back-end is accessible.

MySQL
SQLite
MSSQL

WebServers You Can Use

Laragon - publish to c:\laragon\www



USBWebServer
IIS - Publish to C:\inetpub\wwwroot
XAMPP - change your publish folder to use // instead of \

You can find more information here related to IDE Setup

Enjoy

PS: Log Warnings & Compilation Errors

1. Please check the pre-run logs. In most cases modules with warnings will have an underline. Warning, 9, 10, 11, 12 are normal, don't be scared.

1625825241311.png


2. manifext.txt file not found - Download the library source code and RUN to recompile on your PC. "Do not Compile to Library"
3. Do a HARD REFRESH of your browser.[/B]
 
Last edited:

Mashiane

Expert
Licensed User
Longtime User

Mashiane

Expert
Licensed User
Longtime User
BVAD3 Version 7.29 RC

Hi there

It is with pleasure to indicate that BVAD3 Version 7.29 RC is now available for download.

1. Download BVAD3 Library and unzip the contents to your b4j workspace
2. Download updated external libraries and copy these to your b4j external libraries folders
3. Download the updated kitchen sink, to explore the kitchen sink offline
4. Run the BVAD3 Library b4j project to compile the b4xlib.
5. You are good to go!

So whats new...

MinusPlusChip

MinusPlusChip.jpg


HorizontalScroll

Screenshot_1.jpg


AvatarGroup

AvatarGroup.jpg


ChipIndicators

ChipIndicators.jpg


ListView - Part 1

ListView1.jpg


Enjoy!
 
Last edited:

Mashiane

Expert
Licensed User
Longtime User
BANanoVuetifyAD3 Version 7.29 is out!!!

Please note there is nothing to add to this version going forward and we will just work on 1. maintenance (bug fixing) and the 2. BVAD3 Package Manager and 3. documentation.



A special thanks to everyone who is involved in this project. You make it to be what is it today.

Have fun!
 
Last edited:

Mashiane

Expert
Licensed User
Longtime User
 

Mashiane

Expert
Licensed User
Longtime User
CEVEATS

Executing TABLE_NAMES / SHOW_DATABASES with the data-source returns the actual list of table names on your database and not a list of maps. The end result should be this.

1642766427048.png


You need to ensure that the 'Lower Case Fields' option is checked OFF, by default this is ON.

1642766614345.png


The reason that this 'Lower Case Fields' setting was added is because BVAD3 expects the field names to be lowercase. In some cases, some fields do not meet this criteria. If however all your field names are lowercase on your data-base, you can turn this setting off as it always adds an extra processing of your result set. For the record, most things in BVAD3 are processed in lowercase, e.g. setdata, getdata, stuff inside {{ }} should be lowercase etc etc.

#Thanks @micro

PS:

The extra processing done by 'Lower Case Fields', save yourself some speed by ensuring your field names are lowercase and this processing is skipped.

B4X:
If bLowerCaseFields Then
            BANanoShared.ListOfMapsKeysToLowerCase(Result)
        End If
 

Mashiane

Expert
Licensed User
Longtime User
CEVEATS

VField.AutoComplete/Combo/Select 2 Data Types


These controls have 2 data types, one to read the content, one to save the content. Its important that these match.

1642789660459.png


But at times, you might save the contents of a combo e.g. multi-select autocomplete as a string, whilst the items in it are having integer keys. In that case, the save data type is string and the read data type is integer. For example

1642789864268.png


If you will read your combo as integer and save as integer, specify integer on both save & read data types.
 

Mashiane

Expert
Licensed User
Longtime User
 

Mashiane

Expert
Licensed User
Longtime User

Mashiane

Expert
Licensed User
Longtime User

Mashiane

Expert
Licensed User
Longtime User
 
Top