ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Diagram Editor control
  • Overview
  • The ribbon
  • "File" group
  • "Style" group
  • "Clipboard" group
  • "Edit mode" group
  • "Zoom" group
  • "Editing" group
  • "Find" group
  • "Library" panel
  • "Modifier" panel
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Diagram editor (WINDEV): ribbon and panels
Overview
The Diagram Editor control includes many features accessible via:
  • The ribbon: open, save, search, print, ...
  • The "Library" panel, which presents the different elements that can be used in the diagram.
  • The "Modifier" panel, which allows you to edit and configure the current element.
The ribbon
The ribbon of the Diagram Editor control allows you to perform all the basic actions on a diagram.
Ribbon of the Diagram Editor control
This ribbon contains the following groups:
  • File: Opens, prints or saves a diagram.
  • Style: Manage element styles.
  • Clipboard: manages the clipboard (copy).
  • Zoom: Controls the zoom on the diagram.
  • Editing mode: Activates freehand drawing.
  • Action: Redo or undo an action.
  • Modification: Manage display options.
  • Search: Searches in the diagram.

"File" group

The File group allows you to open, exporter, print or save a diagram.
File group
It is possible to:
  • Create a new diagram.
  • Open an existing diagram file.
  • Export the current diagram to PNG or SVG.
  • Print the current diagram. The print configuration window is displayed (with a preview of the document). You can configure:
    • printer properties: Printer name, orientation, print mode, number of copies.
    • pages to be printed: all pages, current page or a selection of pages (pages separated by a '-' for a selection, pages separated by ',' for independent pages).
    You can also:
    • preview the different pages to print.
    • export as a PDF file or as an email with the attached PDF file ("Export" button).
  • Save the current diagram. This option saves the diagram in its current state. You can save the current file or use the "Save as" option.

"Style" group

The Style group allows you to apply the formatting of an element to another element.
Style
To use this option, simply:
  1. Select an element to copy its formatting.
  2. Select "Format painter" in the ribbon.
  3. Click the desired element. The formatting of the first element will be applied to the second element.
Note: Formatting can be copied between two different elements (for example, a circle and a rectangle)..

"Clipboard" group

The Clipboard group allows you to copy the contents of the selection.
Clipboard group
This content can then be pasted into another application (notepad, etc.)..
Note: Copying can also be performed via the context menu of the selection.

"Edit mode" group

In the Edit mode group, you can enable or disable the "Freeform" mode.
If this mode is enabled, the mouse cursor turns into a brush and allows for "freehand" drawing in the diagram editor. To return to the standard editing mode, simply click the "Freeform" option again.

"Zoom" group

The Zoom allows zooming the diagram in and out.
Zoom group
It is possible to:
  • Display the diagram at 100% zoom.
  • Display the diagram so that all elements of the diagram are shown ("Fit to window")
  • Customize the zoom.

"Editing" group

The Editing group contains the display options of the elements in the diagram.
Editing group
It is possible to:
  • Bring the selected element in front of all other elements,
  • Send the selected element behind all other elements,
  • Move the selected element forward or backward one level,
  • Group selected elements,
  • Ungroup the selection.

"Find" group

The Find group allows you to find a given text in the diagram.
Find group
To perform a search:
  1. Click the search box in the ribbon (or press Ctrl + F).
  2. Enter the text you want to find. Matching elements are selected as you type. The arrows allow you to select the next element if the diagram contains several results.
"Library" panel
The "Library" panel presents the different elements that can be inserted in the diagram.
Each pane of the Library panel corresponds to a diagram. This diagram contains the different elements or images that can be reused in the diagram editor.
The Library panel allows you to:
  • Create elements in the diagram (drag images and drop them onto the diagram).
  • Create a custom library ("New library" option of the button). This option saves a library file with a ".wddiag" extension. This file appears in the Library panel. You can move the elements in the current diagram to this panel to import them into the library.
  • Load a custom library ("Load a library" option of the button).
"Modifier" panel
The "Modifier" panel provides information about the selected element and, if necessary, allows you to edit this information.
Characteristics of the page
Characteristics of the page
Thus, the "Modifier" panel allows you to:
  • Format text area: font, size, position, etc.
  • Define shape characteristics: background color, border color, border style, etc.
  • Define link characteristics: routing, start image style, finish image style, etc.
  • Define page options, etc.
Minimum version required
  • Version 27
Comments
Click [Add] to post a comment

Last update: 09/21/2024

Send a report | Local help