So you have a small content that when zoomed out in a WebView, you want it to be placed at the center of the screen vertically all the time. No CSS or Javascript code can make this work as I learned the hard way.

The solution that worked for me was to set the height of the WebView widget to wrap_content. Then aligning it in the middle vertically.

There is no way in the API to do this. However, Frode Johansen made a custom class that inherited Region and placed a WebView control inside it, then adjusting its height based on the document height after it has loaded its content by executing a Javascript one-liner code in order to retrieve the height value.

A very big thank you because considering that the Label control cannot display formatted HTML content, the only way to work around this limitation is to create a custom class of it. Luckily, he has saved us all the trouble of making one.

Here is the custom class.

Related Posts Plugin for WordPress, Blogger...