B4J Tutorial [BANanoWebix] Form Builder / Designer

Discussion in 'B4J Tutorials' started by Mashiane, Jul 6, 2019.

  1. Mashiane

    Mashiane Expert Licensed User

    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. XAMPP
    2. Laragon

    Now that BANanoWebix is steady and ready for production apps, well why not have an additional pack to this, a form builder / designer.

    It's still early stages but this builder will work in conjuction with your BANanoWebix app development cycle. What you do here is basically create your views and you will be able to copy the code to your webix app as the syntax will be BANAnoWebix scoped.

    Let's see how one can use the property sheet to set some options and then have their button created.



    Known Issues: A time lag between clicking Save and view drawn on screen. Might have to just save twice for now. Will investigate further

    PS: The rest of the components will be posted on this thread on how to create them with the BANanoWebix-FormDesigner
     
    Last edited: Jul 22, 2019
  2. Mashiane

    Mashiane Expert Licensed User

    Still on phase 1 of the FD - most input components can be designed using the property bag..



    Get the latest here
     
  3. Mashiane

    Mashiane Expert Licensed User

    Phase 1 of the form designer is almost complete. The first RC is here.

    The code has been re-written to now use PHP SQLite as a backend as we wanted to persist the data saved. Whilst one is able to preview and make changes to their elements to use in their BANanoWebix Apps, the generated source code can be easily copied to the B4J IDE to use in developing the app.

    Only the form components have been emphasized. Changing a property in the property bag effects the changes to the element look and feel and changes the source code dynamically also.



    Updated code on first post Download
     
    Last edited: Jul 13, 2019
    Alexander Stolte and joulongleu like this.
  4. Mashiane

    Mashiane Expert Licensed User

  5. micro

    micro Well-Known Member Licensed User

    Hi Mashiane
    why all the entries is not saved?
    appears always the message:
    '0 record(s) affected'
    I can't 'insert' anything
     
    Last edited: Jul 20, 2019
  6. Mashiane

    Mashiane Expert Licensed User

    Can you please include a console.log(??) so that we can see what is happening? Are you running a webserver? if not, this is using SQLite with PHP and should be run from a webserver.
     
    joulongleu likes this.
  7. Mashiane

    Mashiane Expert Licensed User

    Latest version uses BANanoWebix 1.4, download here
     
    joulongleu likes this.
  8. micro

    micro Well-Known Member Licensed User

    With 200 ok WebServer it didn't work well (maybe I'm wrong), but with xampp work fine.
     
    Mashiane likes this.
  9. Mashiane

    Mashiane Expert Licensed User

    I will have to check that as I haven’t used it before.
     
    joulongleu likes this.
  10. Mashiane

    Mashiane Expert Licensed User

  11. Mashiane

    Mashiane Expert Licensed User

    joulongleu likes this.
  12. Mashiane

    Mashiane Expert Licensed User

    NB: The latest version of the form designer is using the Laragon web server, thus the publishing folder was changed.

    Code:
    Publish = "C:\xampp\htdocs"
        Publish = 
    "C:\laragon\www"
    If you are using the XAMPP webserver, just comment out the line that publishes to c:\laragon.

    The latest version uses BANanoWebix 1.17

    Ta!
     
    joulongleu likes this.
  13. Mashiane

    Mashiane Expert Licensed User

    2019-07-25 Update

    1. The form designer and the BANanoWebix Demo source code have now been consololidated into 1 project for ease of maintenance.

    2. Headers (black circle) now include the source code page reference so that one can track back the source code demoed on that page.

    3. You access the form designer from the side menu (green circle), its always the first item.

    4. Version 1.18 of BANanoWebix and the BANanoWebixApp available on github

    5. I am developing using Laragon and thus my publish / build folder is

    Code:
    Publish = "C:\laragon\www"
    if you are using XAMPP, leave this as

    Code:
    Publish = "C:\xampp\htdocs"
    BANanoWebixApp.gif
     
    joulongleu likes this.
  14. Mashiane

    Mashiane Expert Licensed User

Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice