Switching between UI design mode, and Source Code mode in XCode 4.2.1

The Problem

While learning iOS programming, at one point, I was working on adding some UI elements into the iPhone storyboard in Xcode 4.1. However, I clicked something by mistake, and now, the storyboard, instead of UI, was all XML code. I had no idea how to switch back to UI mode to drag and drop UI elements.

 

The Solution

To switch between code-mode, and UI mode, right -click on the .storyboard file, and choose "Open As…". There, select "Source Code" to view the file as code, and select "Interface Builder - IOS Storyboard" to get back to UI format.