In this example, the search will not be performed in a new window: the WIN_Menu window will be used. At this time, this window displays the list of products.

We will use Tab controls to display various data in this window. Tab controls are used to group information by theme. The user can directly access a theme by clicking the desired "pane".

This system is used in all description windows of WINDEV.

Creating the Tab control

To display the data of the "WIN_Menu" window in a Tab control:
1. Display the "WIN_Menu" window if necessary:
  - from the open documents bar.
  - by double-clicking its name the "Project explorer" pane.
2. Select the window controls and move them to the home area of window. This may seem "strange", but it will make it easier to work on the Tab control and then associate the controls with the desired tab pane.
3. Create a Tab control in a window:
  - On the "Creation" pane, in the "Containers" group, expand "Tab and associated" and select "Tab".
  - Click in the window to create the Tab control.
  - Position the Tab control at the top left of the window.
  - A Tab control is created with two panes by default. The Tab control occupies the entire available space in the window.
4. Select the controls in the home area of the window and move them to pane 1 of the Tab control.
5. A green border appears when hovering controls on the Tab control. This border indicates that the controls placed on the current pane will be automatically associated with the pane.
6. Enlarge (if necessary) the window and the Tab control to display the Table control and the buttons in the Tab control.


	Remark	Handling controls in a Tab control To check whether all controls are associated with the current tab pane, click another tab pane: all controls associated with the tab pane disappear. To resize the Tab control while ignoring the anchors defined for the controls found in the pane, press the Shift key during the resize operation.

Modifying the Tab control

Modify the name of Tab control:
1. Double-click the Tab control that was just created: the control description window appears.
2. Modify the control name. The control is named "TAB_Viewing".
3. Validate the control description window.

Two panes are created by default. We are going to modify their caption directly:
1. Select the Tab control.
2. Click "Pane 1". The pane becomes editable: type the "List of products" caption. Press Enter to validate.
3. Click "Pane 2". The pane is displayed. Click "Pane 2" again. Type the caption: "Finding customers". Press Enter to validate.

We will associate an image with each pane of the Tab control. To do so:

Display the description window of Tab control (double-click the control for example). The "General" tab of the description window allows you to configure the characteristics of each pane in the Tab control. The list of panes is displayed on the left. For each selected pane, its characteristics can be modified in the right section of screen.
In the description window, select the "List of products" pane.
The pane characteristics are displayed.

We are going to associate an image to the tab pane via the WINDEV image catalog.


	Remark	As soon as an image can be displayed in a control or window, WINDEV proposes to use the image catalog. This image catalog is started via the "Catalog" option (available by clicking the button). This catalog contains hundreds of images, cliparts, ...

Click the button on the right of "Image" control. Select "Catalog" from the popup menu that is displayed. The image catalog window appears.
Type "Product" in the search area. Click the magnifier to start the search.
Select and validate ("OK").
The screen for configuring the generated image is displayed. This screen is used to modify the characteristics of the image to generate: size, lightness, ... Keep the default options and validate.
The image is generated in the project directory and the corresponding file is automatically associated with the current element.
In the Tab control description window, click "Finding customers" in the list of static panes.
Click the button on the right of "Image" control. Select "Catalog" from the popup menu that is displayed. The image catalog window appears.
In the search area, specify "Person". Click the magnifier to start the search.
Select, among the proposed images, the icon representing two persons ( ) and validate.
Keep the options found in the setting screen of generated image and validate.
Validate the Tab control description window.

A new control was just created: we must now manage its anchoring in the window. When the window is enlarged, the Tab control must also be enlarged in order to occupy the entire available space. Therefore, the control must stretch to the right and to the bottom.
1. Select the Tab control.
2. Display the popup menu (right mouse click) and select "Anchor".
3. In the window for defining the anchor, select and validate.
4. Save the window by clicking among the quick access buttons.