All the Development Center views are dockable and can be rearranged to your preferences. To rearrange a dockable component, simply use a mouse to grab the view's header and drag it to the desired location.
To identify dockable components in the Development Center, move the mouse icon around the screen until you see the hand icon.
When you click and hold the mouse on the component, the hand icon will change to the closed hand icon. While holding the mouse button, drag the icon to various parts of the screen to rearrange the component. By dragging the mouse to various parts of the Development Center interface, you will see a separate indicator appear indicating how to component will be docked if the mouse button was released.
Dozens of docking orientations are possible. A few of them are listed in Table D.2 as examples. The indicator that appears depends on where you drag a component.
To illustrate, let's walk through the process of re-arranging components as illustrated in Figure D.14. The following customizations will be made:
Figure D.14. A customized Development Center.
Open the Editor view on the procedure PROCEDURE1, as shown in Figure D.15.
Figure D.15. Opening the Editor view on source code for PROCEDURE1.
The Editor view will be opened in its own window. Wave the mouse around the Editor window (near the top) until you see the white hand icon, as shown in Figure D.16.
Figure D.16. Grabbing the Editor view as a docking component.
Click, hold, and drag to the top-right corner of Development Center. Look for a pop-up image like the one you see in Figure D.17, which indicates how the window will be docked in Development Center.
Figure D.17. Docking the Editor view into the main Development Center interface.
The Editor view then becomes docked within the main interface of the Development Center. After a docking operation, you may have to resize the Editor window so that the Editor view is of usable size. You can also hide the debugging views in the Editor to free up space by toggling the Show Debug Views button (see Figure D.18).
Figure D.18. Toggling Show/Hide Debug views.
You can also remove windows that you don't immediately need. Select the Server View tab, and close the window by clicking the Close Window button, as illustrated in Figure D.19.
Figure D.19. Closing the Server view.
To bring back the Server view, you can always re-open it from the View menu.
The only remaining view in the top-left corner is the Project view. The Project view window is divided awkwardly, however. You can refine this layout by sliding the divider out of the way to the right (see Figure D.20).
Figure D.20. Resizing the Project view panel.
The final layout should now look like Figure D.21.
Figure D.21. The final customized Development Center.
Of course, this is just an example of what you can do. You should experiment with docking windows in different places to see which orientations make you most productive. If you ever get into a situation where the windows become severely disoriented, you can always start over by selecting Reset Views from the View menu.