WINDEV is an IDE (Integrated Development Environment) allowing you to develop Windows
applications in several fields: management, industry, health care, ... The developed applications
can give access to information stored in the databases.
As you go through this tutorial, you will learn to create your own applications (with or without database) and to improve them by using the features proposed by WINDEV.
As you go through this tutorial, you will learn to create your own applications (with or without database) and to improve them by using the features proposed by WINDEV.
Starting WINDEV
Start WINDEV 22 (if not already done).
If WINDEV 22 was never started before, a welcome wizard is displayed:
If WINDEV 22 was never started before, a welcome wizard is displayed:
-
If you worked with an earlier WINDEV version, this wizard allows you to retrieve the existing
con gurations.
-
If you are a new user, this wizard allows you to con gure your environment. This allows you to
choose the screen con guration used and to con gure the Control Centers. See the online help for more details.
If WINDEV 22 was already started, identify yourself if necessary. The development environment starts. The home window is displayed. This home window is used to: • create a project,
• open an existing project,
• open an example,
• open one of the projects found in the tutorial.
Let's take a closer look at the development environment of WINDEV. To do so, from the home window:
• Click "Tutorial".
• Double-click "Full application (with windows)".
• The corresponding project is opened in the editor.
The editor
The development environment of WINDEV includes a specific interface and several editors
allowing you to create the different elements of your applications.
For example, the window editor is used to create windows, the report editor is used to create reports, ...
All the editors are using the same environment:
For example, the window editor is used to create windows, the report editor is used to create reports, ...
All the editors are using the same environment:
1. Menu of editors, displayed in the shape of a ribbon (we'll see how to use it in the next paragraph).
2. Current editor (window editor here). This space allows you to view the element currently created
or modified in WYSIWYG (What You See Is What You Get).
3. Panes. The WINDEV interface includes several horizontal and vertical panes allowing you to quickly access different types of information. For example:
•the "Project explorer" pane (displayed on the right) is used to list all the project elements by category.
•the search pane (displayed at the bottom) is used to perform searches in the entire project and in its elements.
These panes can be hidden by pressing [CTRL] + [W] if necessary.
4. Bar of opened documents. This bar is used to quickly view all the opened elements. A simple click on the button corresponding to the element displays it in its own editor.
We are going to take a closer look at the main elements of the ribbon, as well as how we will be
using it in this tutorial.
3. Panes. The WINDEV interface includes several horizontal and vertical panes allowing you to quickly access different types of information. For example:
•the "Project explorer" pane (displayed on the right) is used to list all the project elements by category.
•the search pane (displayed at the bottom) is used to perform searches in the entire project and in its elements.
These panes can be hidden by pressing [CTRL] + [W] if necessary.
4. Bar of opened documents. This bar is used to quickly view all the opened elements. A simple click on the button corresponding to the element displays it in its own editor.
The menu bar (ribbon) in details
The menu bar of WINDEV is presented like a ribbon. This ribbon includes panes in which the
options of the editors are grouped.
The different ribbon elements
The ribbon includes 3 areas:
•the button area, on the left (1).
• the pane area, at the top (2).
The ribbon includes 3 areas:
•the button area, on the left (1).
• the pane area, at the top (2).
The button area (1)
The button area groups the quick access buttons. These buttons are used to
perform the most usual operations, common to all the editors: save, open,
create, ...
The 3 logos found at the top of this area are specific:
• The product logo is used to display the "About" window, the custom menus and the drop-down menus found in the former interface of the editors (version 17 and earlier).
• The 2 other logos are used to restore the toolbars and the drop-down menus found in the former interface of the editors (version 17 and earlier).
The 3 logos found at the top of this area are specific:
• The product logo is used to display the "About" window, the custom menus and the drop-down menus found in the former interface of the editors (version 17 and earlier).
• The 2 other logos are used to restore the toolbars and the drop-down menus found in the former interface of the editors (version 17 and earlier).
The pane area (2)
The different ribbon panes are used to access the options of the different editors for the current
project. Several types of panes are available:
• the current pane: The tab of the pane appears in white and a light orange line is displayed at the top of the tab.
• the popup panes, speci c to the current element: The name of the pane is displayed in blue. • the available panes: The name of the pane is displayed in black.
Depending on the selected environment theme (light or dark), the colors used to identify these different panes are different. See “The environment colors”.
• the current pane: The tab of the pane appears in white and a light orange line is displayed at the top of the tab.
• the popup panes, speci c to the current element: The name of the pane is displayed in blue. • the available panes: The name of the pane is displayed in black.
Depending on the selected environment theme (light or dark), the colors used to identify these different panes are different. See “The environment colors”.
The pane area (3)
The options displayed in the ribbon differ according to the selected pane. Several types of options
are available:
•Options to check
•Buttons to click
• Button with arrow used to expand the options. Two types of buttons with arrow are available:
• the buttons with arrow used to expand a menu
• the buttons with arrow used to expand a menu (click on the arrow) or to perform a default
action (click on the button icon).
The options are organized by group. Each group of options has a name and it can also include a group button . This button is used to perform a specific action according to the current group: displaying the description of the current element, displaying the help, ...
•Options to check
•Buttons to click
• Button with arrow used to expand the options. Two types of buttons with arrow are available:
• the buttons with arrow used to expand a menu
• the buttons with arrow used to expand a menu (click on the arrow) or to perform a default
action (click on the button icon).
The options are organized by group. Each group of options has a name and it can also include a group button . This button is used to perform a specific action according to the current group: displaying the description of the current element, displaying the help, ...