How to make UILabel text appear with ellipsis at the end when text is longer than label's width

Question

My issue is with a UILabel.

The text it holds is much longer than the actual width of the UILabel. So I would like it to appear with "..." (an ellipsis) at the end to denote that there's more text.

I played around with horizontal content hugging priority (made it less than 251) but it doesn't seem to make a difference.

Right now it just chops the text when the width fills up.

Duplicate of [Getting UILabel to produce an ellipsis rather then shrinking the font](http://stackoverflow.com/questions/7725795/getting-uilabel-to-produce-an-ellipsis-rather-then-shrinking-the-font) ? — Martin R, May 07 '16 at 16:53
Yes thx! Problem was I had it set to multiline, now it shows — ppp, May 08 '16 at 20:06

score 15 · Accepted Answer · edited Jun 26 '20 at 13:21

15

It is fairly easy:

Create a UILabel called "aLabel" for example.
Create an IBOutlet.

Do:

aLabel.adjustsFontSizeToFitWidth = false
aLabel.lineBreakMode = .byTruncatingTail

edited Jun 26 '20 at 13:21

Carmen

6,177
1
35
40

answered May 07 '16 at 17:34

Coder1000

4,071
9
35
84

3

thanks for your reply. I tried it but no effect. Still chops the text without an eclipse at the end. Could it be that I added a width auto-layout constraint to the UILabel? – ppp May 08 '16 at 08:05
@Polis This is extremely weird. When I create a UILabel and give it constraints, an ellipsis automatically appears if the text is too long. And I did add a width constraint. Please try recreating your UILabel :) – Coder1000 May 08 '16 at 11:22

score 3 · Answer 2 · edited Jun 24 '20 at 23:39

3

If you are adding UIlabel through a Storyboard, following steps can be useful:

Select the label which you want to display '...' at the end.
Go to attributes inspector.
Select 'Line Breaks' and choose an option Truncate Tail
Check it by giving a text of more content size than label size.

edited Jun 24 '20 at 23:39

pkamb

33,281
23
160
191

answered May 12 '16 at 13:41

score 1 · Answer 3 · answered Nov 05 '18 at 22:37

1

Objective C:

yourUILabel.adjustsFontSizeToFitWidth = false;
yourUILabel.lineBreakMode = NSLineBreakByTruncatingTail;

answered Nov 05 '18 at 22:37

Qianren Zhou

21
2

score 0 · Answer 4 · answered Jul 11 '23 at 12:27

If your label is using attributedText or parsing HTML to string label you should add self.messageContentLabel.lineBreakMode = .byTruncatingTail on the last code like this:

let convertedTextToAttributeText = NSMutableAttributedString(attributedString: customTextStyle.htmlToAttributedString)
self.messageContentLabel.attributedText = convertedTextToAttributeText
// Other line of code
self.messageContentLabel.lineBreakMode = .byTruncatingTail

How to make UILabel text appear with ellipsis at the end when text is longer than label's width

4 Answers4