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

Drago Bratko

Active Member
Licensed User
Longtime User
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.
 

Attachments

  • example.jar
    406.1 KB · Views: 109

tchart

Well-Known Member
Licensed User
Longtime User
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.
 
Upvote 0

Drago Bratko

Active Member
Licensed User
Longtime User
Thank you for your feedback. This is how it looks in WebView ...
 

Attachments

  • Capture.JPG
    Capture.JPG
    81.6 KB · Views: 175
Upvote 0

FrostCodes

Active Member
Licensed User
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
 
Upvote 0

Drago Bratko

Active Member
Licensed User
Longtime User
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)?
 
Upvote 0

sfsameer

Well-Known Member
Licensed User
Longtime User
Hello ,

I think jCoverflow library is what you are looking for :

Thank you,
Saif
 
Upvote 0

Drago Bratko

Active Member
Licensed User
Longtime User
Hello ,

I think jCoverflow library is what you are looking for :

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. :-(
 
Upvote 0

sfsameer

Well-Known Member
Licensed User
Longtime User
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.
 
Upvote 0
Top