Text color in webview

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Jun 28, 2012

• #2

You will need to use WebViewExtra and call a JavaScript function that will change the text color.

 

Upvote 0

A

admac231

Active Member

Licensed User

Longtime User

• Jun 28, 2012

• #3

It seems strange that the background colour of the webview would still be displayed after a page has been loaded.

Regardless, if you use warwounds excellent WebViewExtras library you can execute javascript on the page.

Something like:

B4X:

Sub Button1_Click
wve.executeJavascript(webView1, "document.style.color='white'")
wve.executeJavascript(webView1, "document.style.color='black'")
End Sub

 

Upvote 0

B

Big JR

Member

Licensed User

Longtime User

• Jun 29, 2012

• #4

Doing something wrong

Thanks admac231 but I'm doing something wrong. I've added WebViewExtras and ensured it's ticked and loaded.

I've dim'd wve as WebView Extras in Globals.

I've added
wve.executeJavascript(WebView1, "document.style.color='white'")
before loading url that points to the html file.

Text is still black.

I've tried moving the executeJavascript line to after the webview page has been loaded and still black text.

What am I doing wrong?

 

Upvote 0

warwound

Expert

Licensed User

Longtime User

• Jun 29, 2012

• #5

You need to use javascript to update the page style after it has fully loaded i think:

B4X:

Sub MyWebView_PageFinished(Url As String)
    wve.executeJavascript(WebView1, "document.style.color='white'")
End Sub

That assumes wve is a global reference to WebViewExtras.

Martin.

 

Upvote 0

A

admac231

Active Member

Licensed User

Longtime User

• Jun 29, 2012

• #6

Warwound is right, it has to be after. Seeing as you've already tried that it's the javascript that's the issue.

Are you able to give the url of the website? Or even just a sample page HTML?

 

Upvote 0

V

varbello

Member

Licensed User

Longtime User

• Jun 30, 2012

• #7

This seems to work for me..

B4X:

Sub Globals
Dim wve As WebViewExtras
Dim WebView1 As WebView
End Sub

Sub webView1_PageFinished(Url As String)
 wve.executeJavascript(WebView1,"document.body.style.backgroundColor='black'")
 wve.executeJavascript(WebView1,"document.body.style.color='white'")
End Sub

 

Upvote 0

B

Big JR

Member

Licensed User

Longtime User

• Jul 2, 2012

• #8

Fabulous

Fabulous. Many thanks. And I've added:
wve.executeJavascript(WebView1,"document.linkColor='lightblue'")
to make links more readable on a black background.

 

Upvote 0

G

Gargoyle

Member

Licensed User

Longtime User

• Sep 11, 2012

• #9

Just been trying this, to do a 'Night Mode', but doesn't seem to be working.
Does this still work with B4A 2.02 for those who've tried it before?

Edit: even 'WebView1.Color = Colors.Black' doesn't work

Unless I'm missing something.

Edit 2: WebView1.Color is working, it has to be done before the LoadUrl.

Edit 3: Found what I was missing. Using the 'document.body.style...' as used by varbello in post 7 worked. (Can't think why I didn't try it.)

 

Last edited: Sep 15, 2012

Upvote 0