B4J Library [BANano] Kendo UI Core - Wrapper

Kiffi · Feb 28, 2019

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:

Extract the files in Library.zip into the Additional Files folder.
Extract the files in BANanoKendoUIDemo.zip into a folder of your choice and start B4J with BANanoKendoUIDemo.b4j.
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

Kiffi · Nov 29, 2019

roberto64 said:
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 · Nov 29, 2019

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 · Nov 30, 2019

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 · Nov 30, 2019

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 · Dec 1, 2019

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

roberto64 · Dec 4, 2019

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

alwaysbusy · Dec 4, 2019

Maybe showing us what (the code) you've changed could help?

roberto64 · Dec 4, 2019

Nothing I've changed just the style of the "SideBar" I recompiled this project only

roberto64 · Dec 5, 2019

Hi, in the picture, the mistake he makes in the broweser, I deleted the whole editor but always the same error.
regards

roberto64 · Jan 18, 2020

H Kiffi, I'd like a demo from the library to try and expand those controls
Thank you

B4J Library [BANano] Kendo UI Core - Wrapper

Attachments

Kiffi

Well-Known Member

roberto64

Active Member

RWK

Member

roberto64

Active Member

roberto64

Active Member

Attachments

roberto64

Active Member

alwaysbusy

Expert

roberto64

Active Member

roberto64

Active Member

Attachments

roberto64

Active Member

Similar Threads

B4J Library [BANano] Kendo UI Core - Wrapper

Attachments

Well-Known Member

Active Member

Member

Active Member

Active Member

Attachments

Active Member

Expert

Active Member

Active Member

Attachments

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency