B4J Library [BANano] Kendo UI Core - Wrapper

Hello,

i would like to present my first version of a BANano wrapper for Kendo UI Core.

You can see a demo version here: http://banano.tuebben.de/kendoui/demo/

What is Kendo UI Core?

Kendo UI is a library that provides some powerful and nicely designed controls. Besides the paid full version there is a free core version which does not include some controls (like the grid, scheduler, charts, etc.).

Here is an overview of the available controls in the core version: https://github.com/telerik/kendo-ui-core

Please note:

Currently the wrapper has the status of a 'proof of concept'.
Not all controls have been implemented yet.
And the already implemented controls do not yet support all properties and methods.
The documentation still needs some work.

For this reason only the brave and fearless would be able to work with the library at the moment. ;)

If you are interested, I can publish the library and a demo code.

Greetings ... Peter

// Edit (03.03.2019 16:00): I have now added the required files to this posting.

Quick installation guide:
  1. Extract the files in Library.zip into the Additional Files folder.
  2. Extract the files in BANanoKendoUIDemo.zip into a folder of your choice and start B4J with BANanoKendoUIDemo.b4j.
  3. Adjust the path in BANano.Build() according to your needs.
// Edit (14.03.2019 15:45): The library has been updated to version 0.14
 

Attachments

  • BANanoKendoUIDemo.zip
    159.1 KB · Views: 981
  • Library.zip
    178.8 KB · Views: 1,028
Last edited:

Kiffi

Well-Known Member
Licensed User
Longtime User
Hi Kiffi, the example is to post 43 just your "LoginTest", which says it does not find in the api.php script folder, instead of the folder the api.php script file exists.

Did you adjust the following line?
B4X:
BANano.PHPHost  = "http://localhost/BANano/LoginTest/" ' <- adjust to your needs
 

roberto64

Active Member
Licensed User
Longtime User
therefore to make the PHP files run there is a need to create a folder inside the "BANano" written webserver and transfer the files to the BANano folder and each time call the address "http: // localhost / BANano / appname /" right?
2) In your examples BananoKendoUiDemo you create a form with the name "MainLayout" and inside "maincontainer" known however that the controls if you move them with the mauseescono outside the "maincontainer" and can cover the selection menu, and you can keep all inside of the "maincontainer" without it coming out? and a high thing, how is it possible to make a template page?
 

RWK

Member
Licensed User
Longtime User
No, no need to copy something, just change the path as mentioned

Example:

B4X:
USBWebserver:

installed location: E:\USBWebserver

so the root WebSpace is:  E:\USBWebserver\root

B4X:
 Login Example:

Sub AppStart(Form1 As Form, Args() As String)

    BANano.Initialize("LoginTest", "LoginTest", DateTime.Now)
    
    BANano.UseServiceWorker = False
    
    BANano.Header.Title = "LoginTest"

    BANano.Header.AddCSSFile("http://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common.min.css")
    BANano.Header.AddCSSFile("http://kendo.cdn.telerik.com/2019.1.220/styles/kendo.default.min.css")
    
    BANano.Header.AddJavascriptFile("http://kendo.cdn.telerik.com/2019.1.220/js/jquery.min.js")
    BANano.Header.AddJavascriptFile("http://kendo.cdn.telerik.com/2019.1.220/js/kendo.ui.core.min.js")

   ' ###
    BANano.PHPHost  = "http://localhost:8080/LoginTest" '    <- adjust to your needs
   ' ###

    BANano.PHPAddHeader("Access-Control-Allow-Origin: *")

   ' ###
    BANano.Build("E:\USBWebserver\root") ' <- adjust to your needs
   ' ###

    ExitApplication

End Sub

Compile Release...

and if i call: http://127.0.0.1:8080/LoginTest/ it works for me.

Greetings
Rainer
 

roberto64

Active Member
Licensed User
Longtime User
thanks RWK, I've just been approaching Banano, I'm examining the logintest project with mysql in pos 43 "BANanoLoginTestPHP" I would like to understand how once I log into the Mysql database how do I start the mainform?
Thank you for your time
 

roberto64

Active Member
Licensed User
Longtime User
hi, I'm running the "logintest" example with PHP code, when I log in the program has to fit in the "Mainlayout" menu window, but in the mainlayout the data in the "BANanoKendoDropDownList and BANanoKendoListbox" are not loaded, I attach the example , if it is possible to get help
I thank
 

Attachments

  • BANanoKendoLoginTestPHP.zip
    130.7 KB · Views: 373

roberto64

Active Member
Licensed User
Longtime User
Hi, I don't understand now that I'm understanding the operation I made a change to the Form me from this error "app.js: 356 Uncaught SyntaxError: Invalid or unexpected token" and no longer lets me see the shapes in the browser
I hope someone will give me an answer
regards
 

roberto64

Active Member
Licensed User
Longtime User
Nothing I've changed just the style of the "SideBar" I recompiled this project only
 

roberto64

Active Member
Licensed User
Longtime User
Hi, in the picture, the mistake he makes in the broweser, I deleted the whole editor but always the same error.
regards
 

Attachments

  • Catturaimg.PNG
    Catturaimg.PNG
    488.3 KB · Views: 375

roberto64

Active Member
Licensed User
Longtime User
H Kiffi, I'd like a demo from the library to try and expand those controls
Thank you
 
Top