Loading inline CSS in Android Webview problem

Question

I am developing an androind webview based application - the HTML, CSS and Javascript is built dynamically - I have done this before but have run into a insanely madding problem. when the css starts loading in webview it stops loading at the # color - The CSS build is as follows:

    String h1 =
            ".sexy_line{\n" +
                    "    display:block;\n" +
                    "    border:none;\n" +
                    "    color:transparent;\n" +
                    "    height:6px;\n" +
                    "    background:black;\n" +
                    "    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 450, from(#2626ff), to(#ffffff00));\n" +
                    "}\n"   +
                    ".floatBottom\n" +
                    "     {\n" +
                    "     position: absolute; \n" +
                    "     bottom: 0;\n" +
                    "     }\n";
return h1;
}

it literally stops loading at:

background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 450, from(

Environment:

Android: Tablet 7.1.1 Development Environment: Android Studio 3.5.3

Any help would be greatly appreciated --- Thank you

an update: i am loading the page with the following method:

 wv = findViewById(R.id.idWebView);            
 settings.setDefaultTextEncodingName("utf-8");
 wv.loadData(webInterface,"text/html","UTF-8");

Just realized that css stops loading anytime there is a # in the CSS script. — AEgir Systems
– AEgir Systems, Commented Jan 21, 2020 at 20:04
Question, has anyone notices a webview problem in SDK Re; 29. When i went back to 25 everything seemed to work perfectly. is this a know problem — AEgir Systems
– AEgir Systems, Commented Jan 22, 2020 at 16:27

al_capone · Accepted Answer · 2020-09-24 16:48:55Z

3

Was facing the same issue after I updated my target SDK. Solved this by base64 encoding my HTML and then passing it base64 in encoding:

// instructions is the HTML string   

 webView.loadData(Base64.encodeToString(instructions.getBytes(), Base64.DEFAULT), "text/html", "base64");

Please check the blue box in the documentation, here: WebView.loadData

blue box

answered Sep 24, 2020 at 16:48

al_capone

461 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Loading inline CSS in Android Webview problem

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related