bananowebix

  1. roberto64

    B4J Question BANanoWebix

    Hi, are all these errors possible? the page starts but it remains completely blank nothing appears. regards
  2. Mashiane

    B4J Tutorial [BANanoWebix] Show a progressbar on long processes

    Ola Download BANanoWebix Based on a request I received, the WixProgressBar comes handy for showing long processes. You just run the .SetProgressBar(elementID, config) and it will show a progressbar anytime you want to show it. WixProgressBar Item As Map return the item SetType (sType As...
  3. Mashiane

    B4J Tutorial [BANanoWebix] Dragging N Dropping Things with the Form Designer

    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 forms. Whilst still early days, this is rather an exciting time in the BANanoWebix world. In the video above we do the...
  4. Mashiane

    B4J Tutorial [BANanoWebix] Creating Multi-Page Apps - Part 5

    Ola Download BANanoWebix Things Copy the 1.Libraries contents to your external b4j libraries folder. The project source code for this lesson is in BANanoWebixMultiPage Part 5 here closes this tutorial. This encompasses everything we have learned from Part 1 to Part 4 and some more. 1. We...
  5. Mashiane

    B4J Tutorial [BANanoWebix] Creating Multi-Page Apps - Part 3

    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, positions and cities. In Part 2, we looked at the backend of our app, we created a BANanoSQL database for cities and...
  6. Mashiane

    B4J Tutorial [BANanoWebix] Creating Multi-Page Apps - Part 2

    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 two pages, one for cities and one for positions. In this part we will use the Form Builder/Designer to...
  7. Mashiane

    B4J Tutorial [BANanoWebix] Creating Multi-Page Apps - Part 1

    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 Part 4 Part 5 For us to be able to do this, we will use a multi-view component. This acts like a wizard kinda of control that...
  8. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 31 WixImage

    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. What we have also done here is to trap the onChange event of the RichSelect component. Whilst a WixCombo...
  9. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 30 WixHints

    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 hints, link the to element ids and add these in sequence of appearance and then execute the hints. The example in...
  10. Mashiane

    B4J Tutorial [BANanoWebix] App Creation Process: The BackEnd with BANanoSQL

    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 two use inline PHP methodology. In lesson 1 we created our UI, a form named 'form' with 4 textboxes named...
  11. Mashiane

    B4J Tutorial [BANanoWebix] App Creation Process: The UI

    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 2. Laragon This tutorial will introduce us of how to create an app using BANanoWebixFD (Form Designer) At the...
  12. Mashiane

    B4J Tutorial [BANanoWebix] WixPivot on PRO (OffTopic)

    Ola This is not a tutorial but just an off topic issue pertaining to BANanoWebix and the PRO widgets. Webix besides the open source Webix offering, which BANanoWebix is based on, provides a variety of professional widgets that one can use for their apps. These include amongst other things the...
  13. Mashiane

    B4J Tutorial [BANanoWebix] Creating the Form Designer CRUD Backend BANanoSQL DB

    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 never permanent but just a gateway for one to design each form they need. One creates a new form by...
  14. Mashiane

    B4J Tutorial [BANanoWebix] Form Builder / Designer

    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 BWFD used SQLite with PHP and should be run from a webserver (NOT THE WEBSERVER FOR CROME) Development Servers you can use 1...
  15. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 29 MessageBoxes

    Ola Message boxes provides alerts, confirmation and the normal modal dialog that one can create.. Here we have notifications, alerts, confirmations. We have created buttons on a form so that when they are clicked, the normal message boxes appear. Dim form1 As WixForm 'initialize form...
  16. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 6.X Form Validation

    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 default settings... Dim form1 As WixForm 'initialize form and make it accept names with dots (.)...
  17. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 8.4 Enhanced Data-Table

    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. Freezing columns (left or right) 4. Master Checkbox / Radio 5. Editing (traping on-edit-start & on-edit-stop) 6. Displaying links...
  18. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 28 Suggestions

    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 element / selecting, a list of suggestions is available... Here we create a form, add a textbox...
  19. Mashiane

    B4J Tutorial [BANanoWebix] Creating a Multi-Page Interface in a SPA

    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, there is the '#body' element of a page. Initially this is blank and one needs to feed content to it to create...
  20. Mashiane

    B4J Tutorial [BANanoWebix] Lesson 25 Template

    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. One might use this for displaying data or emphasing something etc. Sub Init(pgContainer As String)...
Top