1. Download our Official Android App: Forums for Android!

Apps Modifying WebView to have wrapped columns for flowing text

Discussion in 'Android Development' started by oblivionph, May 5, 2010.

  1. oblivionph

    oblivionph Lurker
    Thread Starter

    May 4, 2010
    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. :thinking:

    Thanks in advance for your help!


    Edgar tea.


Share This Page