Adding underline to UILabel attributed string from the storyboard fails

Question

From the storyboard I select the UILabel in question
Then in Attribute Inspector > Label > [I choose] Attributed
Also in Attribute Inspector > Label > Text> [I select the content]
Then I click on the font icon and choose underline

Basically, any change that I select from the Fonts window that pops up does not take effect.

Has anyone ever successfully add underline from the storyboard?

Note: I already know how to do this in code. I want to avoid adding code.

Yes, I have successfully added underline from storyboard many times. Please see my answer below in response to your question with the screenshot — Abdullah Saeed, Dec 22 '15 at 10:39

Abdullah Saeed · Answer 1 · 2015-12-22T06:56:08.007

259

Here is the solution in storyboard: Open the Attribute Inspector (make sure label is selected), Change the dropdown value from 'Plain' to 'Attributed'. Now a a small text editor will be visible under the font of the label. Select the text of the label, right click and change the font to 'underline'.

I also have attached a screenshot and successfully underlined a text using storyboard in XCode 7.0.1

edited Dec 22 '15 at 06:56

answered May 14 '15 at 16:22

Abdullah Saeed

3,065
1
15
27

This is the real solution, how is this not accepted?? – Kevin Sep 10 '15 at 08:10
Using Xcode 7.1.1 it has a bug: when setting the underline the font shrinks by 4 and you can't change the size of the text anymore – OhadM Dec 15 '15 at 15:42
@OhadM It is not a bug I think. When you change the text to "attributed" actually the font family changes and it seems the font has shrunk. You can change the size of the attributed text by selecting it in the small text editor in Attribute Inspector. Note that you have to select the whole text first – Abdullah Saeed Dec 16 '15 at 11:10
I actually tried to change the size and it has no effect. – OhadM Dec 16 '15 at 12:58
Why is this answer not marked as the accepted one? It worked perfectly for me still (2 years after the answer was written). GIVE THAT GUY A GREEN CHECKMARK ALREADY! – Gabcvit Dec 14 '17 at 08:26

score 60 · Answer 2 · answered Aug 19 '14 at 16:11

60

Underline your text in TextEdit(cmd-U) and copy-paste it in Attribute Inspector > Label > Text > Attributed.

answered Aug 19 '14 at 16:11

Uladzimir

3,067
36
30

Hmm. This worked first, and then all the elements on my screen just disappeared. There was no error in the console!. I undo until before pasting text from text edit, and screen was back to normal... XCode 6.2 Beta. – User Feb 16 '15 at 10:45
2

For me this only works when copy-pasting out of rich text editors. TextEdit does not do the job for me, no style is copied with the text, only the characters. – Kevin Sep 10 '15 at 08:04
2

You deserve a beer for this +1 – Masih Dec 13 '18 at 00:25

score 23 · Answer 3 · answered Sep 11 '17 at 20:45

23

Select label -> Attribute editor -> Title = Attributed

Select the text of the label in the text view in the editor -> Right click -> Font -> check Underline

If the change is not visible -> resize the label

answered Sep 11 '17 at 20:45

Iris Veriris

448
5
7

1

Good Idea :) I like your Answer. – Anup Gupta Mar 09 '18 at 11:42

Sajid Zeb · Answer 4 · 2018-02-16T07:13:39.403

You can make text underline from storyboard like this. But when you change the text programatically it will override and underline will gone. So if you have to change the text on runtime. Do this.

For Swift 3

 let text = myLabel.text
 let textRange = NSMakeRange(0, (text?.characters.count)!)
 let attributedText = NSMutableAttributedString(string: text!)
 attributedText.addAttribute(NSUnderlineStyleAttributeName , value: NSUnderlineStyle.styleSingle.rawValue, range: textRange)
 myLabel.attributedText = attributedText

For Swift 4

  let text = myLabel.text
  let textRange = NSRange(location: 0, length: (text?.count)!)
  let attributedText = NSMutableAttributedString(string: text!)
  attributedText.addAttribute(NSAttributedStringKey.underlineStyle, value: NSUnderlineStyle.styleSingle.rawValue, range: textRange)
  myLabel.attributedText = attributedText

score 0 · Answer 5 · answered Apr 14 '15 at 23:15

0

Leave it set to plain. Make all of your changes. Then change it to attributed.

answered Apr 14 '15 at 23:15

SmileBot

19,393
7
65
62

score 0 · Answer 6 · edited May 23 '17 at 12:18

0

The Designer Way - Highly Customisable Version

I personally prefer to customise my design(s) as much as possible. Sometimes, you will find that using the built-in underline tool is not easily customisable.

To do something like the following, I have posted an example in How to make an underlined text in UILabel?

edited May 23 '17 at 12:18

Community

1
1

answered Dec 04 '16 at 03:13

Mick

30,759
16
111
130

Adding underline to UILabel attributed string from the storyboard fails

6 Answers6

The Designer Way - Highly Customisable Version

Linked