Wrap content like text inside a page ?

2 posts, 1 answers
  1. Answer
    Jérôme ALLAMAGNY
    Jérôme ALLAMAGNY avatar
    3 posts
    Member since:
    Jan 2008

    Posted 22 Apr 2013 Link to this post

    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,
  2. Jérôme ALLAMAGNY
    Jérôme ALLAMAGNY avatar
    3 posts
    Member since:
    Jan 2008

    Posted 22 Apr 2013 Link to this post

    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)
  3. Kendo UI is VS 2017 Ready
Back to Top