Title overwriting Back button

3 posts, 1 answers
  1. Keith Avery
    Keith Avery avatar
    11 posts
    Member since:
    Jun 2007

    Posted 13 Feb 2014 Link to this post

    For the navbar if the title is very long it goes over the top of the back button shown on the left. How would I go about padding the title so that it wordwraps rather than going over the back button?

    I've tried some style settings with out any success.

    <header data-role="header">
    <div data-role="navbar">
    <span data-role="view-title"></span>
    </div>
    </header>

    Thanks
    Keith Avery
  2. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 17 Feb 2014 Link to this post

    Hello Keith,

    Unfortunately this can't be done automatically. You can still do it with CSS though, if you know how big your buttons are. Basically you need to set margin on the title and text-overflow: ellipsis. Check this jsBin for an example.

    Regards,
    Kamen Bundev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Keith Avery
    Keith Avery avatar
    11 posts
    Member since:
    Jun 2007

    Posted 25 Feb 2014 in reply to Kamen Bundev Link to this post

    Hi Kamen

    Thanks for this.

    Cheers
    Keith
Back to Top