WLanguage code coloring

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Code editor

WLanguage code coloring

Overview

How to?

See also

Automatic completion

Automatic procedures

Browser code (WLanguage): Framework 2

Checkers available in the code editor

Code editor: Assisted input

Code editor: Display options

Code editor: Various operations

Code history

Code snippets

Code statistics

Code style

Collapsed code

Conditional target-code

Cross-references in the code editor

Display the code of an element

Environment of code editor

Glossary

Impact study

Importing classes and sets of procedures (text file)

Including the code

Indenting the code

Instant spotting of modified code/current code

Minimap

Multilingual messages: Conversion to new format in version 27

Navigation history in the code

Positioning marks in the code

Recycling the code windows

Reverse code modeling

Server code/Browser code

Showing or hiding empty events or processes of an element

Splitting Business logic / UI code

Translating programming messages

Translating the code

WLanguage

WLanguage code coloring

Overview
How to?
Special case: Syntax highlighting outside a configuration

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

WLanguage code coloring

Overview

From version 22, the environment of WINDEV, WEBDEV and WINDEV Mobile proposes a light theme and a dark theme. These themes are also available in the code editor. You also have the ability to create and configure your own theme or to import an existing theme.

How to?

To configure the themes of the code editor:

Display the edit options of the code editor: on the "Home" tab, in the "Environment" group, expand "Options" and select "Options of the code editor".
The different themes found in the code editor are listed in the "Coloring" tab :
- Light (Legacy): code editor theme corresponding to version 21.
- Light: code editor light theme (on white background).
- Dark: code editor dark theme (on black background).
- Gray: code editor gray theme (on gray background).

From this window, you can:

use one of the proposed themes.
modify one of the proposed themes.
Remark: The themes proposed by default cannot be modified directly. They must be duplicated in order to be modified.
delete one of the proposed themes,
import a theme.

To use a theme, double-click the name of the theme: the caption "(Enabled)" is displayed on the theme line.

To modify one of the themes proposed in standard:

Select the desired theme and click "Duplicate".
Give a name to the new theme and validate.
The new theme appears in the list of available themes. To modify its characteristics, select the theme and click "Modify".
The theme configuration window is displayed. The list of all configurable elements is displayed.

For each element, yo have the ability to configure (according to the type of element):
- The background color.
- The font color.
- The font.
- The font size.
- The characteristics of the font (bold, italic, underlined, strikeout).
To exit from the modification mode, click . The editor proposes to save or cancel the modifications.

To delete a theme:

Select a non-active theme.
Click the "Delete" button and validate.

Caution: The themes proposed by default cannot be deleted.

To import a theme:

Click the "Import" button.
Select the ".sco" file corresponding to the theme to import and validate.

Remark: To export a theme:

Display the modification screen of the theme.
Click the button and select "Export a theme".
Specify the name of the ".sco" file corresponding to the theme and validate.

Special case: Syntax highlighting outside a configuration

When an element that is not in the configuration is opened in the editor, the code is colored, but a specific background color is used (gray by default, on light theme).