Posts made by dvlwjoffice

@kobo2000 yeah i wondering about the same thing too. Well, i think i will redesign or make a new version of my apps for android kitkat . Btw, give me a shot if you got some new info about that “small size apk but work almost in all platform”. :D

@kobo2000 said:

@dvlwjoffice Yes, this is how it worked for me .

Polyfill.io reads the User-Agent header of each request and returns polyfills that are suitable for the requesting browser. Tailor the response based on the features you’re using in your app.

I managed to extract a copy of the src using emulator for android 4.4.2 webview using onsenui lib and Then included it as usual and tested it on real device and it worked offline . No more white screen online or offline. However , I couldn’t find a mobile with older android version around to test it further. here is a copy of the polyfill src for android 4.4.2 webview https://upload.run/ligjjg
Try it and let me know if there is any issues as I’m still testing this method . The current issue I found till now is content gets blurry sometimes .

Well, tried it, the white blank screen is disappear, but the program wasn’t run and some function inside my js isn’t run too.

@kobo2000
Thanks for reply, but wait a minutes, so i just need to download their assets, include it in my file (with <script src blablabla> ) and its work automatically ?

edit : seems i can’t found the way to grab a copy of the polyfill’s service and include it in my file. Can you teach me how to ? Thanks

@Fran-Diox TIL that was called polyfill. So, whats polyfills that onsen ui have that i can add manually ? Sorry, if i am get it correctly i need to try to add a polyfill that missing so my application can run in Android 4.4.2 and below right ? But i already find it in onsen ui documentation and i doesn’t found anything.

Well, me already trying minifying/compressing the code and assets (except for webfont) and the size was around 4mb (source code before compiled it as an APK), its became 10mbs as APK.

@Fran-Diox said:

@dvlwjoffice We support and test only +4.4.4 as explained in the docs. For 4 - 4.4.3 you can either add the necessary polyfills (check “older browsers” in the previous link) or debug to see what’s the issue. About Crosswalk, it is a “finished” product and works well even though it won’t get more updates. The only drawback is the bundle size but you can have 2 apps, a light one for Android +5 and another one with Crosswalk for older versions.

sorry, what do you mean by :

add necessary polyfills

? i can’t get it… even though i already read this https://onsen.io/v2/guide/faq.html#old-browsers , can you explain it a little bit for me? and little example what is polyfills and how to add them ?

Btw, i already debug it via visual studio, but when the apk start nothing appear in the console log, so i doesn’t know what is wrong there. Annyway, for crosswalk i already try it, but when compile it to APK its always failed and have tons of errors. Its why i am thinking that the crosswalk is bugged since its not supported by intel anymore.

Btw, Maybe this is OOT, but do u have idea why my simple APK with onsen ui can became 10 mbs ?

Hello, recently i got call from my work partner for the app that i make with onsen ui in cordova appear as a blank white screen. I already trying the app before, and never found bug like that. After trying to many gadget and platform, i just found that somehow Onsen UI make the screen appear as a blank white screen just in Android 4.4.2 and below.

Do anyone know how to fix this ?
And what makes Onsen UI appear as a blank white screen in Android 4.4.2 ?

Don’t force us to use Crosswalk, since it make the APK size became large and heavy, and its already not supported by Intel (CMIIW AFAIK) :(

Is this legal ?

@Gaurav Well, i am asked in Cordova’s slack channel, seem we doesn’t have any solution except make it a white / black screen and start the animation page.

I think its the dead end for us. What a sad life.

sorry late reply again @Gaurav , yeah i try that code in config.xml before :p

and yes its not a perfect solution. and i googling everywhere, nothing share/ask about that splashscreen. Maybe we need to ask cordova developer for this ?

@Gaurav sry late reply again.
I want to inform that i try your code. And the result is same, i trying to modify it so the first blank screen doesn’t appear but i think its doesnt work.

and i just have an idea right now. To make the first splashscreen from cordova as a usual wallpaper that appear when you open the application, and then the one from your code as the real splashscreen that load data, etc.

@Gaurav yo gaurav, sorry late respond.
Can i see your code for that? maybe post it in git/jsfiddle/codepen ? I want try to take a look for it.
And for that blank screen, i think because of the cordova’s behavior that will run a splashscreen before application start, and your splashscreen is considered as the application itself ?

btw thanks @Fran-Diox for moving the thread.

Thanks.

@Gaurav I see. I will wait for yours.
Thanks.

@Gaurav yo gaurav, so you think i need to make another page ? are you already done this ? can you a explain to me a little bit ? cause i doesn’t get that stack dicussion.

Hello again guys,

I know maybe this is doesn’t have any connection to Onsen UI , but its not wrong and not bad to ask first right ?

Is it possible to manipulate Animated Splashscreen in Onsen UI ? I think it would be nice if we can use our own custom animated splashscreen instead the boring one from cordova plugin.

So what do you guys thinks ?

Regards.

@Fran-Diox

Well fran, its work ! ! !
thanks so much about it. Btw, beside this chevron, what DOM is only a border ? so maybe nextime i can change it and don’t panic.

Oh yeah btw sorry for OOT, was Onsen UI (not monaca) support to make a custom splashscreen? the idea is, when i open my apps, the first page it open will be this splashscreen page, i will load all my configuration here, and then after it complete it will be redirect to index.html.

@Fran-Diox
erm, something fishy in my case, i tried it to change the color first like this :

.list-item--chevron:before{
    color: #000 !important;
}

But it doesn’t work.

Yo guys, i just want to add css to my chevron in ons-list item.
Already tried to find the element/class/whatever that i can found when it render, but its useless.

Anyone can help ?

Thanks

Thanks @misterjunio i think we can close this topic.
Anyway i think for now ons-row is good enought, but i think onsen-ui need to got the fluid system.

Hello guys, i want ask, if there a fluid system in Onsen ? Just like the one Bootstrap have ?
because i want to use that for table and other elements in my project.
IF onsen doesnt have it, how and what we need to do make it in Onsen UI ?
Join other css framework (like bootstrap i.e) with Onsen Ui doesn’t make it good i think.

Thanks.

Custom CSS will work i think.