This is a migrated thread and some comments may be shown as answers.

Wrap content like text inside a page ?

1 Answer 82 Views
ScrollView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Jérôme ALLAMAGNY
Top achievements
Rank 2
Jérôme ALLAMAGNY asked on 22 Apr 2013, 12:57 PM
Hello,

I've created a scrollview with some pages. Inside the first page there's something like :
<p>A very very long text which cannot be in the screen, [...]</p>

But the text does not fit in the whole screen, it looks like this :
http://imageshack.us/a/img802/8108/image2hqt.png

If I disable the scrollview :
http://imageshack.us/a/img62/123/imagewpmc.png

Do you have any idea how I can wrap the content of a page to fit the screen ?

Thank you in advance,

1 Answer, 1 is accepted

Sort by
1
Jérôme ALLAMAGNY
Top achievements
Rank 2
answered on 22 Apr 2013, 02:59 PM
I find it.

Kendo UI has in its CSS (for the Scrollview) :

    white-space: nowrap;

But you can't change it because it'll broke all the scrollview.
You must change your div-page like this :

    <div data-role="page" style="white-space : normal;">
        <p>SOME VERY LONG TEXT</p>
    </div>

Make this for every page you want to be wrapped (very useful for small screen like iPhone)
Daniel
Top achievements
Rank 3
Iron
Iron
Iron
commented on 27 Jan 2023, 10:05 AM

Thanks a lot, used it right now!
Tags
ScrollView (Mobile)
Asked by
Jérôme ALLAMAGNY
Top achievements
Rank 2
Answers by
Jérôme ALLAMAGNY
Top achievements
Rank 2
Share this question
or