ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Styles / WEBDEV styles
  • Overview
  • WEBDEV styles
  • Creating and modifying a WEBDEV style
  • Creating and editing a WEBDEV style in the control description window
  • Editing WEBDEV styles
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
WEBDEV styles are advanced styles. Each control has a WEBDEV style, which in turn contains a set of styles for each element in the control.
For example, for an Edit control, the WEBDEV style includes:
  • an element style for the text of the control,
  • an element style for the input area,
  • an element style for the tokens,
  • specific elements (image for the calendar and password buttons),
  • preset effects.
A control can be associated with a WEBDEV style. The WEBDEV style used is selected in the "Style" tab of the description window of the control.
The selected style applies to the current control only.
Each element of a control can be associated with one or more element styles. These styles are indicated for each element of the control in the "Style" tab of the control description window.
Note: For a single element, you should avoid using different styles that define the same properties.
You can modify a WEBDEV style from the control description window. This modification overrides the WEBDEV style of the current control. You can then use these modifications to create a new WEBDEV style that can be applied to the desired controls.
Note: To modify a WEBDEV style (and thus modify the style of all controls that use it), you need to use the WEBDEV style management window.
New in version 2025
Starting with version 2025 Update 1, "CSS styles" are referred to as "WEBDEV element styles". This page uses the new vocabulary.
WEBDEV styles

Creating and modifying a WEBDEV style

You can create and modify WEBDEV styles:
  • from the description window of the control styles.
  • from WEBDEV style management window. For more details, see Editing WEBDEV style sheets.

Creating and editing a WEBDEV style in the control description window

You can manage the style of a control in the "Style" tab of the control description window. Several elements can be adjusted the "Style" tab.
In the "Style" tab, you can:
  • Get the name of the WEBDEV style used.
  • Determine if the WEBDEV style of the control has been overridden. In this case, this means that certain properties of the original WEBDEV style have been modified. You can click the link with the number of overrides to view and remove them, if necessary.
The different links and drop-down menu allow you to:
  • Choose another style. This option is used to select a WEBDEV style and to associate it with the current control. In this case, the control will be automatically updated when the associated style is updated.
  • Create a style from the control. This option allows you to create a new WEBDEV style from the properties of the current control. The control will be automatically associated with this new WEBDEV style. Then, all you have to do is specify the name of the new style.
  • Dissociate. This option is used to delete the link between the WEBDEV style and the style of the control. Any changes made to the WEBDEV style will no longer be applied to the control.
  • See the uses of the style, i.e., see the list of controls that use this style.
  • New in version 2025
    See the style description. This allows you to edit the style.
    Note: If the WEBDEV style comes from the skin, it cannot be modified.

Editing WEBDEV styles

WEBDEV allows you to edit the WEBDEV styles found in the style sheet associated with the project.
For more details, see Editing WEBDEV styles.
Minimum version required
  • Version 9
Comments
Click [Add] to post a comment

Last update: 05/13/2025

Send a report | Local help