ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Styles / WEBDEV styles
  • Overview
  • WEBDEV styles
  • Creating and modifying a WEBDEV style
  • Creation and modification from the description window of control
  • Editing the WEBDEV styles
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
The WEBDEV styles are advanced styles, easier to use than the CSS styles.
A WEBDEV style groups a set of CSS styles and characteristics for a control.
For example, for a button, the WEBDEV style groups:
  • The aspect of the button,
  • The images associated with the button,
  • The CSS style associated with the button caption.
A control can be associated with:
  • one or more CSS styles. The CSS styles used by the controls are specified in the different elements of the "Style" tab of the description window of control.
  • a WEBDEV style. The WEBDEV style used is selected in the "Style" tab of the description window of the control.
Remark: A WEBDEV style can be modified from the description window of the control. This modification can be:
  • local to the control. In this case, the redefinition of the style is performed for the control only.
  • applied to all the controls that use the WEBDEV style.
WEBDEV styles

Creating and modifying a WEBDEV style

The creation and the modification of a WEBDEV style can be performed:

Creation and modification from the description window of control

The description window of controls is used to manage the style of this control ("Style" tab). Several elements are managed by the "Style" tab. The elements that can use a CSS style are identified by "(CSS)" at the end of their caption.
The other elements are managed by the WEBDEV style only.
When displaying the "Style" tab, a window appears on the right of the 7-tab window. This window is used to:
  • find out the name of the WEBDEV style associated with the control. If no WEBDEV style is associated with the control, "Free aspect: no linked WEBDEV style" is displayed.
  • find out whether the style characteristics of the control are redefined in relation to the WEBDEV style. In this case, some style "overloads" exist for this control. These overloads can be listed and deleted if necessary.
  • get an overall view of the initial style of the control.
This window can also be used to perform some actions. You can:
  • Choose a 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.
  • Add this style to the project. This option is used to create a new WEBDEV style in the project from all the characteristics currently defined for 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.
  • Refresh the style in the project. This option appears when modifying the style of the control. This option is used to take these modifications into account in all the controls that use the current WEBDEV style. The WEBDEV style is refreshed.
  • Dissociate the style. This option is used to delete the link between the WEBDEV style and the style of the control. If the WEBDEV style evolves, these evolutions will not be taken into account by the control.

Editing the WEBDEV styles

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

Last update: 05/26/2022

Send a report | Local help