I had things perfectly with my blue backgrounded UI filling the whole 480x720 window. Then something changed and made the whole UI smaller so that there is a white boundary around my blue backgrounded UI. The funny thing is it changed while I was working on another UIPanel. My hierarchy is:
NGUI Camera
--Anchor
----UIPanel1
----UIPanel2
UIpanel1 holds game settings1 and UIPanel2 holds game settings2. I enable/disable UIPanel1/UIPanel2 depending on which settings I want to show.
I was comparing everything to an old project in which the UI background is sized correctly, and the only difference I could find was the size of a purple box that shows when I select one of the UIPanels in the editor. In the old project the size is H=504, w=336. But in the new 'broken' project the size is H=680, w=725.
1. Why would the size of this purple box change when I didn't change it directly?
2. How can I change it back to the correct size? (I can drag the handles on the corners or sides).
3. What does the purple box represent?
Note: This kinds of weird 'automatic' changes often happen without any direct size manipulation on my part and I don't know why.