B4J Question WebView and 'advanced' html/css/js

[Drago Bratko]

I need to create attractive application with advance graphic elements and interaction.
Such interface is quite easy to do with html/css/js. Example this page: https://izradamobilneaplikacije.com/b4x/index.html
Now, this page is normally rendered in desktop browser (IE, Edge, FF, Chrome, ...).
But when I render it trough WebView, it's not rendered properly (attached example).

Any ideas what I could do to render it properly trough it?

If not like that, how to do such 'advanced' UI with B4J?
I didn't play with game development example or similar approaches yet.

 

[tchart]

Nice library you are using for your demo.

Can you post a screenshot of what you see in the WebView? It should work, Ive got examples using external libraries and they work fine.

 

[Drago Bratko]

Thank you for your feedback. This is how it looks in WebView ...

 

[FrostCodes]

I need to create attractive application with advance graphic elements and interaction.
Such interface is quite easy to do with html/css/js. Example this page: https://izradamobilneaplikacije.com/b4x/index.html
Now, this page is normally rendered in desktop browser (IE, Edge, FF, Chrome, ...).
But when I render it trough WebView, it's not rendered properly (attached example).

Any ideas what I could do to render it properly trough it?

If not like that, how to do such 'advanced' UI with B4J?
I didn't play with game development example or similar approaches yet.

Because it's a webview, a lot of modern css3 code won't work. Also to make the most recent JS codes work, I advise you to search for js polyfills.
I usually just use babel and webpack in Vue js but you must be aware that most things with the latest codes won't work.


Also this might help: https://stackoverflow.com/a/8144361

 

[Drago Bratko]

Thank you all for feedbacks.

OK, if webview is not the best way to go, what would be alternative way to create such functionality as it's on provided link in first post (touch slide swipe cards)?

 

[sfsameer]

Hello ,

I think jCoverflow library is what you are looking for :

jCoverFlow library v1.70

Hi guys, I am pleased to introduce JCoverflow 1.6 for B4J. In to the zip is included the library and a demo. Just follow the Demo. Any comment or any suggestion will be appreciated. jCoverFlow Author: GiuseppeSalvi Version: 1.6 JCoverFlow Events: OnLoadComplete (Value As Boolean, Length...

www.b4x.com

Thank you,
Saif

 

[Drago Bratko]

Hello ,

I think jCoverflow library is what you are looking for :

jCoverFlow library v1.70

Hi guys, I am pleased to introduce JCoverflow 1.6 for B4J. In to the zip is included the library and a demo. Just follow the Demo. Any comment or any suggestion will be appreciated. jCoverFlow Author: GiuseppeSalvi Version: 1.6 JCoverFlow Events: OnLoadComplete (Value As Boolean, Length...

www.b4x.com

Thank you,
Saif

Thank you for the link. Looks very nice and exactly what I need.
Unfortunately, don't work for me ... looks it's outdated. :-(

 

[sfsameer]

Thank you for the link. Looks very nice and exactly what I need.
Unfortunately, don't work for me ... looks it's outdated. :-(

I wish the author uploaded the java source codes because we would have maintained it also we would change some of the functions for example add the ability to add pane and not just images.