Making UI elements appear in front of other elements

Hi there is one solution I could provide on your situation. As we all know UGUI renders all the UI objects based on their hierarchy in the project. The more superior an object is in the hierarchy, the earlier it is rendered, and thus it is displayed "deeper" on the screen. So the problem is how to change the hierarchy of the objects, both during the editing and running. In editing mode you may just change the priority of the siblings in the hierarchy -- drag and drop, that is easy. If you want to change the relationship during running time, you definitely need to script and you may take this official document for reference: Official Scripting API So now lets make some examples. How to make a text rendered in front of all the siblings, its parent and all the other objects placed above the parent in the hierarchy:

 text.transform.SetAsLastSibling (); //Since it is rendered the latest, it is displayed on the top.

How to make a sprite rendered behind any other UI objects of its siblings:

 sprite.transform.SetAsFirstSibling ();

Suppose that you have 8 siblings under a parent, and you know that a text is the last sibling, a sprite is the 6th sibling. How to make a sprite rendered between the text and the sprite:

 anotherSprite.transform.SetSiblingIndex (7);

Unluckily you don't know the sprite's sibling order, how to get it:

 int spriteOrder = sprite.transform.GetSiblingIndex ();

Up to now we have successfully resolved the problem of adjusting render order of UI objects when these objects are UNDER THE SAME PARENT. What if they are under different parents? For example an object SonA is the 7th child of A, SonB is the 8th child of B, and you want SonA to be displayed as exactly the 5th one in B. Honestly speaking, if such a situation does happen STATICALLY, it is definitely due to inappropriate designing and the obvious way is of-course re-designing the whole hierarchy. However if the situation is that you are trying to drag something out of the box, or display a pop-up-menu, you may temporarily change the hierarchy by script during runtime and restore it after the operation. (This is exactly what NGUI does in its older versions. Currently only the drag and drop in NGUI causes a temporary hierarchy change. ) Feel free to ask more. GL & HF!