leading or trailing horizontal alignment before iOS 11

Question

Warning: leading or trailing horizontal alignment before iOS 11

I am getting above warning during compilation on Xcode 9.1 on one of the scenes in a storyboard file. There are other storyboards (with deployment target iOS 10.0) and yet the warning is shown to this specific scene on a specific Storyboard file.

The warning gets suppressed if I change deployment target to iOS 11.0 on the scene where warning is shown but I don't want to do that.

Has anyone come across this case?

Grzegorz Krukowski · Accepted Answer · 2018-06-17T20:23:40.347

135

For me the problem was in using trailing leading alignment on UIButton itself.

Safe area seems to be completely fine to use - it's backward compatible and it translates into proper super view margins.

But this feature is iOS 11 only, so use standard left / right alignment instead if you are targeting lower iOS versions.

Easiest way to find out which view is causing the problem is to search for contentHorizontalAlignment="leading" or contentHorizontalAlignment="trailing" in source code for .xib

edited Jun 17 '18 at 20:23

answered Dec 18 '17 at 15:21

Grzegorz Krukowski

18,081
5
50
71

6

ah, great tip @GrzegorzKrukowski, thanks. I accidentally selected the "funny new one" !!! – Fattie May 30 '18 at 11:27
1

This solution will create alignment issues if the app is supporting Arabic language – emreoktem Apr 29 '19 at 11:54

etayluz · Answer 2 · 2018-06-23T03:44:23.100

41

Step 1:

View your offending storyboard as source code:

Step 2:

Replace all instances of:

contentHorizontalAlignment="leading"

with:

contentHorizontalAlignment="left"

Step 3:

Replace all instances of:

contentHorizontalAlignment="trailing"

with:

contentHorizontalAlignment="right"

Step 4:

Compile and watch warning disappear.

I find this approach easier when you have a ton of elements that need to be modified. "leading" and "trailing" as 'contentHorizontalAlignment' value types were introduced with iOS 11. iOS 10 doesn't know about "leading" and "trailing" which is the reason for the warning.

edited Jun 23 '18 at 03:44

answered Jun 08 '18 at 16:26

etayluz

15,920
23
106
151

1

Thanks mate! Great answer and to the point. It's worth pointing out that this will break Right to Left layouts (i believe). – Lucas P. Aug 01 '18 at 16:26

score 2 · Answer 3 · edited Feb 12 '19 at 19:22

In the build log, right before the word "warning", you will see an Interface Builder identifier in the form "xxx-yy-zzz". Copy and paste that into the Xcode search bar, and it will find the "offending" control for you. Click on the search result and it will take you right into the storyboard with the corresponding control selected. The rest of the problem can be resolved using the other answers.

score 0 · Answer 4 · answered Jun 08 '19 at 14:05

I had this problem with a whole bunch of buttons that I needed left aligned with a little offset. I removed the storyboard alignment and did it like this in viewDidLoad with an array of the needy buttons.

func indentButtons(buttons: [UIButton?]){
    for i in 0..<buttons.count{
        buttons[i]!.contentHorizontalAlignment = .left
        buttons[i]!.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 0, 0)
    }
}

leading or trailing horizontal alignment before iOS 11

4 Answers4