PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
New WINDEV 25 feature!
  • This lesson will teach you the following concepts
  • Overview
  • Starting WINDEV
  • Development environment
  • The editor
  • The menu bar (ribbon) in details
  • Options of the environment
  • The language of the environment
Lesson 1.1. Discover WINDEV
This lesson will teach you the following concepts
  • Starting WINDEV.
Lesson duration

Estimated time: 5 mn
Table of contentsNext Lesson

Overview
WINDEV is a complete DevOps Integrated Development Environment aimed at developing Windows (and Linux) applications in diverse fields: business, industrial, medical, ... The applications developed can access information stored in databases.
Throughout this tutorial, you will learn how to create your applications (with or without a database) and how to enrich them using the many features offered by WINDEV.
Starting WINDEV
  • Start WINDEV 25 if necessary.
  • A welcome wizard starts if WINDEV 25 has not been started before:
    • If you worked with an earlier WINDEV version, this wizard allows you to retrieve the existing configurations.
    • If you are a new user, this wizard allows you to configure your environment. This allows you to choose the screen configuration used and to configure the Control Centers.
  • If you have already started WINDEV 25, log in if necessary. The development environment starts. The home page is displayed.
    WINDEV home page
    This home page allows you to:
    • check the news,
    • create a project,
    • open an existing project,
    • open an example,
    • open one of the projects from the tutorial.
  • Let's take a closer look at the development environment of WINDEV. To do so, from the home page:
    • Click "Tutorial".
    • Double-click "Full application (Answer)".
      Home page - Example of the tutorial
    • The corresponding project is opened in the editor. The project dashboard is displayed. The project dashboard allows you to check the progress of a project via several elements (called widgets).
      Remark: the project dashboard is presented in Lesson 4.13. Monitor the evolution of your applications.
Development environment

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, ...
  • To discover WINDEV, we are going to open the "Product form" window:
    1. Press Ctrl + E.
    2. In the window that is displayed, type the name of the window to open: WIN_Product_form.
    3. Validate. The window is displayed in the editor.
All editors use the same environment:
WINDEV environment
  1. Menu of editors, displayed in ribbon format (we'll see how to use it in the next paragraph).
  2. Current editor (window editor in this case). This space allows you to see 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 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. Open documents bar. This bar is used to quickly see all open 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 different options of editors are grouped.
We are going to take a closer look at the main ribbon elements, as well as how we will use it in this tutorial.
WINDEV menu bar
The different ribbon elements
The ribbon includes 3 areas:
  • the button area, on the left (1).
  • the pane area, at the top (2).
  • the option area (3).
Let's take a closer look at these areas.
The button area (1)
WINDEV button area
The button area groups the quick access buttons. These buttons are used to perform the most usual operations, common to all editors: save, open, create, ...
The product logo is used to display the "About" window, the custom menus and the drop-down menus found in the former interface of editors.
The arrow at the top right of the button area allows you to find the toolbars and drop-down menus of the old editor interface.
The pane area (2)
WINDEV pane area
The different ribbon panes are used to access the options of different editors for the current project. Several types of panes are available:
  • the current pane: The name of the pane appears in bold and is underlined by an orange line.
  • the popup panes, specific to the current element: The pane name is displayed in blue.
  • the available panes: The pane name is displayed in black.
The option area (3)
WINDEV option area
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 arrows used to expand the options. There are two types of buttons with arrows:
    • the buttons with arrows used to expand a menu
    • the buttons with arrows 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 Group button. This button is used to perform a specific action according to the current group: open the description of the current element, open the help, ...
In this tutorial, to identify a menu option, we will be talking about panes and groups. For example:
To display the help, on the "Home" pane, in the "Online help" group, click "Help".

Options of the environment

Two options to adapt the WINDEV environment to your taste:
  • The theme of the product.
  • The language of the product.
The theme of the product
The environment uses a light theme by default.
Several other themes are also available:
  • Light theme, grey ribbon. In this mode, the menu bar is not colored anymore: it is grayed.
  • Gray theme. In this mode, the environment and the interface windows are displayed on a light gray background.
  • Dark theme. In this mode, the environment and the interface windows are displayed on a black or dark gray background.
  • To modify the theme used by the environment:
    1. On the "Home" pane, in the "Environment" group, expand "Options" and select "General options of WINDEV".
    2. In the "Editor" tab, in the "Themes" area, select the theme to use.
    3. Validate. The theme will be taken into account during the next start of WINDEV.
Remark: You can also change only the background color of the code editor. See Coloring the WLanguage code for more details.
  • To improve the readability of this manual, the light theme will be used for the different images that illustrate the operations to perform.

The language of the environment

WINDEV's development environment is available in 3 different languages: English, Spanish and French.
  • To change the language of the environment:
    1. On the "Home" pane, in the "Environment" group, expand "Options" and select "General options of WINDEV".
    2. In the "General" tab, in the "Language" area, select the desired language.
    3. Validate. The selected language will be taken into account next time WINDEV is started. You can thus adapt your environment to your preferred language.
  • To continue this lesson, we are going to close the current project:
    1. On the "Home" pane, in the "General" group, expand "Close" and select "Close the project".
    2. Save the modified elements if necessary.
    3. The WINDEV home page is displayed.
Table of contentsNext Lesson
Minimum version required
  • Version 25
Comments
Click [Add] to post a comment