1. Check out our companion app, Forums for Android! Download from Google Play

Modifying WebView to have wrapped columns for flowing text

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

  1. oblivionph

    oblivionph New Member
    Thread Starter
    5

    May 4, 2010
    1
    0
    5
    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!

    Regards,

    Edgar tea.
     

    Advertisement

Share This Page

Loading...