ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Options and actions
  • 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 Static, Button 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).
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 icon appears in the upper-right corner of the control.
  3. Hold the Alt key down and click the icon. 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. Confirm changes and close 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

Last update: 01/17/2024

Send a report | Local help