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: 886
  • Library.zip
    178.8 KB · Views: 914
Last edited:

joulongleu

Active Member
Licensed User
Longtime User
Hi @Kiff How to get BANanoKendoDatePicker value and BANanoKendoTextField value ? Thanks.
 

Kiffi

Well-Known Member
Licensed User
Longtime User
@joulongleu :

BANanoKendoTextField:
B4X:
Log(BANanoKendoTextField1.Value)

BANanoKendoDatePicker:
B4X:
' please note that you have to set the initial value once.
' (Will not be necessary in the next version)
BANanoKendoDatePicker1.Value = DateTime.Date(DateTime.Now)

Log(BANanoKendoDatePicker1.Value)


Greetings ... Peter
 

Kiffi

Well-Known Member
Licensed User
Longtime User
@Bladimir Carrillo :

I have created a simple example for the login and added it as an attachment to this posting.

I am not familiar with the CRUD examples from Mashiane. Rather I use the inline PHP methods of BANano in my example.

Greetings ... Peter
 

Attachments

  • LoginTest.zip
    3.2 KB · Views: 410

Bladimir Carrillo

Member
Licensed User
Longtime User
@Bladimir Carrillo :

I have created a simple example for the login and added it as an attachment to this posting.

Thank you very much @Kiffi, the example was great. I was added the MySQL code with Login and Register functionality to your example.

I attach the code and runing link at ... http://sismac.net/BANanoLoginTestPHP/

Now I have some questions...

1. How I can to add buttons to SideBar ?... I tryed to replicate the process from your Kendo demo, but do not run (the attached file contains that as comments)
2. How I can to resize the login window and adjust the possition of buttons?
3. How I can to load and show other windows without close the previous opened windows ?

Regards and thank you again.
 

Attachments

  • BANanoKendoLoginTestPHP.zip
    129.8 KB · Views: 401

joulongleu

Active Member
Licensed User
Longtime User
Hi :)Kiffi: BANanoKendoUI is really good, I want to ask two questions.Thank You
1. How to dynamically generate BANanoKendoTabStripTab to TabStrip1
2 how to use TabStripTab1.content in code.
 

Kiffi

Well-Known Member
Licensed User
Longtime User
@joulongleu :

B4X:
Dim myTabStrip As BANanoKendoTabStrip
    
myTabStrip.Initialize(Me, "myTabStrip", "myTabStrip")
    
myTabStrip.AddToParent("body")
    
Dim myTabStripTab As Map

myTabStripTab = CreateMap()

myTabStripTab.Put("text", "Tab1")
myTabStripTab.Put("content", "<h1>This is the header</h1>This is the content")
    
myTabStrip.AppendTab(myTabStripTab)

Greetings ... Peter
 

joulongleu

Active Member
Licensed User
Longtime User
:)Kiffi, you are really professional ,Thank You very much.There is also a question that has been thinking for a long time, how does PanelBar1 preset Expand?:)
 

roberto64

Active Member
Licensed User
Longtime User
hi, I ask a simple question, with bj4 it is possible to debug step by step,
regards
 

TomDuncan

Active Member
Licensed User
Longtime User
Checked out the demo on you website. Does seem to be mobile friendly. I am using Chrome on Android pie.
Sorry autocorrect.

NOT mobile friendly.
 
Last edited:

roberto64

Active Member
Licensed User
Longtime User
Hi Kiffi, I'm testing your Kenfo controls, but when I make an example and lance with internet exsplore I load the first page but when I click on a button it doesn't show me anything, how can I solve it?
regards
 

Kiffi

Well-Known Member
Licensed User
Longtime User
@roberto64

KendoUI doesn't work with the Internet Explorer.

Try to use a newer browser like Microsoft Edge, Google Chrome or Mozilla Firefox

Greetings ... Peter
 

roberto64

Active Member
Licensed User
Longtime User
I also tried google, safari nothing, I also tried your example by clicking the buttons at the beginning it does everything right after a while that changes shape no longer appear only the menu with the selection of the style then redo F5 starts all over again after a while the same problem.
 

Kiffi

Well-Known Member
Licensed User
Longtime User
sorry for my late response, @roberto64 .

Unfortunately, I can't reproduce the error.

Please try the following: Open your browser and open the developer console (mostly it opens with <F12>). Then navigate to your demo page and click a little back and forth until you get the error. Then look into the developer console. Can you find an error message there?

Greetings ... Peter
 

roberto64

Active Member
Licensed User
Longtime User
Hi, today I tried again your whole project and it gives me no mistake "the shapes no longer disappear and only the menu remained"
thanks for your time
 

roberto64

Active Member
Licensed User
Longtime User
I'm also trying the loginTest example and giving me this error
app.js: 7 POST http: //localhost/BANano/LoginTest/api.php 404 (Not Found)
 

Kiffi

Well-Known Member
Licensed User
Longtime User
I'm also trying the loginTest example and giving me this error
app.js: 7 POST http: //localhost/BANano/LoginTest/api.php 404 (Not Found)
for this example you need a local webserver which hosts the specific php file (in this case api.php).

Greetings ... Peter
 

roberto64

Active Member
Licensed User
Longtime User
Hi Kiffi, the example is to post 42 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.
 
Top