Modifying WebView to have wrapped columns for flowing text

Last Updated:

  1. oblivionph

    oblivionph New Member This Topic's Starter

    May 4, 2010
    Likes Received:
    Hi All,

    I'm stuck in the problem for weeks already. I tried to apply the following CSS code in my HTML page in order to split the web page into columns:

    Code (Text):
    1. html {
    2.     overflow: visible;
    3.     position: static;
    4. }
    5. body {
    6.     -moz-column-width: 300px;
    7.     -moz-column-gap: 1em;
    8.     -webkit-column-width: 300px;
    9.     -webkit-column-gap: 1em;
    10.     -webkit-column-fill: balance;
    11.     -moz-column-fill: balance;
    12.     margin: 0;
    13.     padding: 0;
    14.     height: 400px;
    15.     min-heigt: 400px;
    16. }
    I am using Android WebView to view my HTML page but it doesn't work. When I view this in Mozilla Firefox, it works fine splitting the document into several columns. But when loading it in Android WebView, I only see one column. :mad:

    I figured it out that it's impossible to do this in WebView. Can you suggest some work arounds? I was thinking of overriding the methods in WebView but I have no idea where to start. :confused:

    Thanks in advance for your help!


    Edgar tea.


Share This Page