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

Title overwriting Back button

2 Answers 63 Views
NavBar
This is a migrated thread and some comments may be shown as answers.
Keith Avery
Top achievements
Rank 1
Keith Avery asked on 13 Feb 2014, 09:15 AM
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 Answers, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 17 Feb 2014, 12:48 PM
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!
0
Keith Avery
Top achievements
Rank 1
answered on 25 Feb 2014, 10:23 AM
Hi Kamen

Thanks for this.

Cheers
Keith
Tags
NavBar
Asked by
Keith Avery
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Keith Avery
Top achievements
Rank 1
Share this question
or