How to reference local css files in a static webview window in android dev?

Question

I've created a static html page to be displayed in the WebView, I've a css file inside the /assets/common.css folder. The code looks like;

String linkCss = "<link rel=\"stylesheet\" href=\"/assets/common.css\" type=\"text/css\">";
String body = "<html><header>" + linkCss + "</header>" + content + "</body></html>";

webViewer.loadDataWithBaseURL("x-data://base", body , "text/html", "UTF-8", null);

Everything display correctly except the CSS isn't being applied. Whats the problem?

Femi · Accepted Answer · 2011-04-28 03:32:39Z

2

Try:

webViewer.loadDataWithBaseURL("file:///android_asset/", body, "text/html", "UTF-8", null);

answered Apr 28, 2011 at 3:32

Femi

64.8k8 gold badges120 silver badges150 bronze badges

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

1 Comment

Robby Pond Over a year ago

Using "file:///android_asset/" as the baseUrl is required to access files in the assets folder.

Mudassir · Accepted Answer · 2011-04-28 05:07:40Z

2

I think, you should also replace the /assets/common.css with file:///android_asset/common.css in the css link. Try this

String linkCss = "<link rel=\"stylesheet\" href=\"file:///android_asset/common.css\" type=\"text/css\">";

answered Apr 28, 2011 at 5:07

Mudassir

13.2k8 gold badges64 silver badges92 bronze badges

Collectives™ on Stack Overflow

How to reference local css files in a static webview window in android dev?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related