PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
New WINDEV 26 feature!
  • In this lesson you will learn the following concepts
  • Overview
  • Starting WINDEV
  • Development environment
  • Editor
  • The ribbon in detail
  • Options of the environment
  • Language of the environment
Lesson 1.1. Discover WINDEV
In this lesson you will learn 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 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 26.
  • If you haven't started WINDEV 26 before, a welcome wizard will appear:
    • 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 and set up the Control Centers.
  • If you have already started WINDEV 26, log in if necessary. The development environment opens up. The home page appears.
    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".
    • In "Part 1 - Lesson 1.1. Discover WINDEV", double click "Full application (Answers)".
      Home page - Example from the tutorial
    • The corresponding project is opened in the editor. The project dashboard is displayed. The project dashboard allows you to monitor the progress of a project via several widgets.
      Remark: the project dashboard is presented in Lesson 4.12. Monitor changes in your applications.
Development environment

Editor

WINDEV's development environment includes a specific interface and several editors that allow you to create the different elements of your applications.
The window editor allows you to create windows, the report editor allows you to create reports, etc.
  • To discover WINDEV, we are going to open the "Product form" window:
    1. Press Ctrl + E.
    2. In the window that appears, enter the name of the window to be opened: 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 as a ribbon (we'll see how to use it in the next paragraph).
  2. Current editor (window editor in this case). The editor shows the element being created or modified in WYSIWYG mode (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 (left) lists all project elements by category.
    • the search pane (bottom) allows you to perform searches in the entire project and its elements.
    These panes can be hidden by pressing Ctrl + W if necessary.
  4. Open document tabs. These tabs allow you to quickly see all open elements. A simple click on the button corresponding to the element displays it in its own editor.

The ribbon in detail

The options in WINDEV are accessible via a ribbon. This ribbon is composed of panes in which the different options of the editors are grouped.
Here, we will describe the main elements of the ribbon and how we will use it in this tutorial.
WINDEV ribbon
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, etc.
The product logo is used to display the "About" window as well as the custom and drop-down menus of the old editor interface.
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 various sections of the ribbon give access to the options of the 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 a yellow line.
  • the popup panes, specific to the current element: The name of the pane appears in yellow (or blue in the light theme).
  • the available panes: The name of the pane appears in white (or black in the light theme).
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.
  • Drop-down buttons used to expand options. Two types of drop-down buttons are available:
    • drop-down buttons used to expand a menu
    • split buttons 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 can have a dialog box launcher Dialog box launcher. 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 use the terms "pane" and "group". For example:
To open the help, go to the "Home" pane, "Online help" group and click "Help".

Options of the environment

There are two options to adapt the WINDEV environment to your preferences:
  • The theme of the environment.
  • The language of the environment.
Theme of the environment
By default, the environment uses a dark theme.
These are the available themes:
  • Light theme. In this mode, the environment and the different windows of the interface are displayed on a very light gray background.
  • Gray theme. In this mode, the environment and the different windows of the interface are displayed on a gray background.
  • Dark theme. In this mode, the environment and the different windows of the interface are displayed on a black (or dark gray) background.
  • To change 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. For more details, see WLanguage code coloring.

  • The images in this tutorial have been created with the dark theme, which is the environment's default theme.

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 tutorial, we will close the current project:
    1. On the "Home" pane, in the "General" group, expand "Close" and select "Close project".
    2. Save the modified elements if necessary.
    3. The WINDEV home page is displayed.
Table of contentsNext Lesson
Minimum version required
  • Version 26
Comments
Click [Add] to post a comment