Modifying WebView to have wrapped columns for flowing text


Last Updated:

  1. oblivionph

    oblivionph New Member This Topic's Starter

    Joined:
    May 4, 2010
    Messages:
    1
    Likes Received:
    0
    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!

    Regards,

    Edgar tea.
     

    Advertisement

Share This Page

Loading...