Learn User Interface Elements of Visual Studio .NET Integrated Development Environment (IDE).

The main window contains various standard interface elements found in the Windows environment, such as the menu bar and the toolbar. In addition to these standard interface elements, the Visual Studio .NET contains other elements.

These include the Window Forms Designer window, Solution Explorer windows, Properties window, Toolbox window, Output window, Task List Window, Server Explorer window, Dynamic Help Window, Class View window, and the Code and Text Editor window, as shown in the following figure.

project window

1. View Menu

When you work with a Window application project in Visual Studio .NET, you will find many windows available in the Visual Studio IDE. To view a window, click the View menu and select the name of the window you want to view, as show in the following figure.

view menu

2. Window Forms Designer

When you create a new Window Application project in Visual Studio .NET, a form is automatically added to the project. A form is the basic unit in any Windows-based application and is used to accept user input and perform some action based on the input.

The Windows Forms Designer allows you to design the user interface for an application. It allows you to add controls to a form, arrange them as per your requirement, and add code to perform some action. Thus, the Windows Form Designer provides you with a rapid development solution for your application.

window form

3. Toolbox Option

Toolbox window is for drag any control on the form. You can choose various control from the toolbox window like Label control, Button control, Web browser control etc. To open toolbox window you can simply select it from View menu or type shortcut key for it. Press Ctrl + Alt + X it will display the toolbox window.

toolbox window

4. Solution Explorer Window

The Solution Explorer window lists the solution name, the project name, and all the classes that are used in the project. You can open a particular file existing in a project by double-clicking it in the Solution Explorer window. The Solution Explorer window is shown in the following figure.

solution explorer window

5. Properties Window

Properties window for setting the control and form position, location, size, height, width etc. You can change the design and events of selected objects that are located in editors and design within Visual Studio.

In properties window there is various option related to form and controls. You can also use the properties window to modify and view file, project, and solution properties. To view the properties window press F4 or go to View menu and click properties window.

propertie window

6. Design View with Controls

You can design your form according to your need. You can drag any control from toolbox. The extension of form is .cs.

project window

7. The Code and Text Editor Window

The Code and Text Editor window allows you to type and edit code and text. This window is called the Code Editor or the Text Editor window based on the purpose for which you use it. You may use this window to add code for your form. You can press the F7 key to switch from the design view of the form to its corresponding Code Editor window. Alternatively, you can switch view by selecting View → Code. You can also use this window to create different types of files, such as text files and XML document.

The Code Editor window is shown in the following figure.

code view

8. The Error List Window

The Error List window displays a list of errors along with source (the file and the line number) of the error. It helps you identify and locate problems that are detected automatically as you edit or compile code. You can locate the source of a particular error by simply double-clicking the error in the Error List window. You can open the Error List window by clicking View → Error List. Alternatively, you can press the CTRL+W, E key.

The Error List window is as shown in the following figure.

error window
Advertisement here

Share this Page.