How to assign different z-order to my Interface Builder objects?

Question

How can I change the z-value, or just send to back or to front the objects in Interface Builder?

i.e. I would like to move to front the "Label" in this View:

example image

score 27 · Accepted Answer · answered May 08 '11 at 11:57

You need to reorder then in Interface Builder. It seems like you're using Xcode 4. So, first, click on the arrow in the bottom left corner of IB to expand the side panel:

enter image description here

Next, click and drag the views that you'd like to rearrange.

enter image description here

The lower an item is on the list from the top of the list, the higher its "z-index".

score 2 · Answer 2 · answered May 08 '11 at 19:51

2

with that object selected, goto (menu) Editor>Arrangement> . There will be 4 options with activated appropriate options.

answered May 08 '11 at 19:51

mahdee

21
3

5

For some reason when I do this none of the options are activated. What could I be doing wrong? – hover Jan 04 '12 at 00:00

score 0 · Answer 3 · answered Sep 14 '19 at 13:09

xCode 10.3 (2019):

I had the same problem when copying/pasting a background image view. I couldn't drag it to change its z-order in the Document Outline panel (in Interface Builder).

The answer was just to restart xCode.

I think that re-indexed/re-built the storyboard and I could drag it higher in the list (thus making it lower in the z-order + behind the other controls).

How to assign different z-order to my Interface Builder objects?

3 Answers3