PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Overview
  • How to?
  • Defining a border in the editor
  • Defining a border in the description window
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview
One of the most important elements of control style is its border. Several settings are available:
  • rounded corners,
  • thickness of the border,
  • ...
The report editor and the window editor allow you to easily define borders, in the editor directly or via the description window of controls.
The formatting of custom borders is available:
  • in the report editor for all types of controls and for the blocks.
  • WINDEVAndroidiPhone/iPad in the window editor for the Static controls and Image controls.
Remarks:
  • You can also define custom borders with the Border property.
  • WINDEV You can also set custom borders for Table control cells (only using the Border property).
  • AndroidiPhone/iPad You can now define custom borders for Image and Static controls in the window editor.
How to?

Defining a border in the editor

To define the options of a border in the editor:
  1. Select the desired control.
  2. Press the Alt key on the keyboard. The picto appears in the upper-right corner of the control.
  3. Hold the Alt key down and click the picto. The configuration options are displayed:
  4. You can configure:
    • the rounding. The "Rounding" area is used to define the size of rounding as well as the corner onto which it will be applied.
    • the thickness, the color and the type of border, as well as the side onto which it will be applied.
  5. To validate, click anywhere in the editor.
To configure the rounding, you have the ability to:
  • Select the corners to take into account by clicking the "Rounding" square or by selecting the orange dots corresponding to the corners in the control (several corners can be selected via the Ctrl key).
  • Configure the shape of rounding by modifying the width and height or by moving the orange dot in the editor.
Remark: When the rounding is defined for a corner, the configuration can be applied to one of the other corners via the "Apply to..." button.
To configure the outline, you have the ability to:
  • Select the lines to take into account by clicking the "Thickness" square or by selecting the control sides (several sides can be selected via the Ctrl key).
  • Configure the line characteristics: by selecting the line thickness, color and type.
    Android The type of line will be taken into account only if the thickness and the color of lines are identical for all borders and if the rounding is identical for the 4 corners.
Remark: The configuration of a side can be applied to one of the other sides via the "Apply to..." button.

Defining a border in the description window

To define the options of a border in the description window of the control:
  1. Select the desired control.
  2. Display the description window ("Description" in the context menu).
  3. Display the "Style" tab.
    • In the window editor, select the "Outside border" element. In the "Border" section, select "Custom" and click the arrow. The border editor appears.
    • In the report editor, select "Outside border".
  4. You can configure:
    • the rounding in the preview area directly or in the "Rounding" area.
    • the style of the border.
      Description window in the report editor
      Description window in the report editor
  5. Validate the description window.
To configure the rounding, you have the ability to:
  • Select the corners to take into account by clicking the "Rounding" square or by selecting the orange dots corresponding to the corners in the preview (several corners can be selected via the Ctrl key).
  • Configure the shape of the rounding by modifying the width and height in the "Rounding" area or by moving the orange dot in the preview.
Remark: Once you have set a rounded corner, the configuration can be applied to one of the other corners via "Apply to...".
To configure the outline, you have the ability to:
  • Select the sides to take into account by clicking the "Border style" square or by selecting the control sides in the preview (several sides can be selected via the Ctrl key).
  • Configure the characteristics of the border by selecting the line thickness, color and type.
    Android The type of line will be taken into account only if the thickness and the color of lines are identical for all borders and if the rounding is identical for the 4 corners.
Remark: The configuration of a side can be applied to one of the other sides via "Apply to...".
Minimum version required
  • Version 19
This page is also available for…
Comments
Click [Add] to post a comment