horizontal text fit and scrolling
Hi,
I have seen some other strugling with this also. With the default behavior of jquery mobile a text in f.e. a listview is truncated from the screen when it is too large (and no horizontal scrolling is possible). This can be solved by adding in the html style="white-space:normal". This is nice for text information, but you might not want to use this with f.e. button text or header text (and still no horizontal scrolling of the webpage is possible).
In the data-role "page" I have added style="width:auto" which extends the width of webpage to the length needed for the text and makes it possible to horizontal scroll the webpage on the mobile device and the desktop firefox browser.
However it leaves me with one drawback when I use browse with a large screen desktop browser:
- firefox does not extend the mobile lay-out to the full page width, leaving a large white area on the righ part of the webbrowser (when the browser window is larger then the requiered webpage width).
Does someone can help me solving this drawback or perhaps point out a better approach is possible.
Thanks,
Arie