Creating Vuetify Forms using BANanoVuetifyAD3 - Part 5

Опубликовано: 14 Март 2026
на канале: Anele Mbanga
57
0

In Part 5, we add code to "delete" a user from the data-table. We have also updated the look and feel of the app by 1. Removing the elevation from the data-table buttons, 2. Hiding the #id field from both the form and the data-table and 3. Hiding the dialog action buttons in favour of creating our own Cancel/Save buttons. 3. We also "changed our mind" and instead of a switch used a checkbox. This off course is just to demonstrate how easy it is creating Apps with BVAD3. Enjoy

Source Code
https://github.com/Mashiane/BANanoVue...

BANanoVuetifyAD3 - Powered by BANano + Vuetify + B4X

BTW...

BANanoVuetifyAD3 is a wrap of the famous Vuetify, a Vue UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.

With BANanoVuetifyAD3, you write your code in B4x, a VB like programming language from Anywhere Software. Using BANano, this is transpiled to JavaScript, CSS and HTML. No JavaScript, HTML or CSS knowledge is required. You can drag and drop components to a designer to create your UI.

Getting Started with BANanoVuetifyAD3
   • BANanoVuetifyAD3 Rewind - Getting Started  

Join our TG Channel
https://t.me/bananovuematerial

Get BANanoVuetifyAD3 from Github
https://github.com/Mashiane/BANanoVue...

BANanoVuetifyAD3 Kitchen Sink
https://mashiane.github.io/BANanoVuet...

Mashy Teaches Channel
https://www.b4x.com/android/forum/thr...

All the Mashy Teaches Source Code
https://github.com/Mashiane/BANanoVue...


Music by Bensound