ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Styles / WEBDEV element styles
  • Overview
  • Managing WEBDEV element styles
  • Creating and editing a WEBDEV element style
  • Creation and modification from the control style description window
  • Associating a WEBDEV element style with a control
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
Controls from a WEBDEV project are associated with WEBDEV styles. WEBDEV styles are composed of multiple WEBDEV element styles.
WEBDEV element styles allow you to apply a specific characteristic to all the controls that use this element style. For example, you can create a WEBDEV element style to define the characteristics of the font used in all Button controls of a website.
Note: WEBDEV element styles are based on standard CSS properties.
In WEBDEV, you can manage WEBDEV element styles as required. You can:
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.
Managing WEBDEV element styles

Creating and editing a WEBDEV element style

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

Creation and modification from the control style 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. Some elements use "Element styles". For example, for a List Box control:
  • an element style is used for the text of the control.
  • an element style is used for the elements within the control (input area).
The element style can be modified or overridden.
  • If it is modified, changes will be applied all the controls that use this element style.
    To edit an element style, click the corresponding token and select "Edit element style".
  • If it is overridden, these overrides will be taken into account locally, for the current control. Other controls using this element style will not be affected by the change.
    To override an element style, change the options in the "Style" tab of the control. Click "+ overrides" for more options.
    Note: Local overrides are not recommended, as they increase the size of the resulting HTML pages. This means pages will take longer to load on the browser.
For more details on the description of a WEBDEV element style, see WEBDEV element style description window.

Associating a WEBDEV element style with a control

To associate a WEBDEV element style with a control:
  1. Open the control description window.
  2. In the "Style" tab, select the element with the style you want to edit: Input area, Caption, etc.
  3. In "Element styles", add the desired element styles by selecting them from the list.
  4. Validate the control description window.
Minimum version required
  • Version 9
Comments
Click [Add] to post a comment

Last update: 06/24/2025

Send a report | Local help