How to display a photo in the center of WebView?

wy328 · May 31, 2013

I've tried following code with no lcuk:
wView.LoadHtml("<div style='height:500px;background:#FFFFFF;margin 0:auto;'><table height=100% width=100%><tr valign='middle' align='center'><td><img align='absmiddle' src='File:///" & filePath & "'/></td></tr></table></div>")

anyone could help me please? :sign0085:

Erel · May 31, 2013

It should be file instead of File.

wy328 · May 31, 2013

Erel said:
It should be file instead of File.

thanks,the photo shows normally, but on the top of webview, not center...

susu · May 31, 2013

Try this code:

WebView.LoadHtml("<html><head><style Type=""text/css""> img { position: absolute; width: 300px; height: 300px; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; }</style> </head> <body> <img src=""File:///android_asset/picture.png""> </body> </html>")

Remember to change your picture's width/height and margin-left is picture width/2 and margin-top is picture height/2.

merlin2049er · Dec 2, 2013

ok, that's awesome. How would you pass a string to webview html page. I guess I can design the page in an html editor, then just substitute some variables.

How to display a photo in the center of WebView?

wy328

Member

Erel

B4X founder

wy328

Member

susu

Well-Known Member

merlin2049er

Well-Known Member

Similar Threads