PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • Managing the WEBDEV styles
  • Style of a control
  • Editing the WEBDEV styles
  • Overview
  • Managing the 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/iPadApple WatchUniversal Windows 10 AppWindows Mobile
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
A control can be associated with:
  • one or more CSS styles
  • a WEBDEV style.
Note: When one of the CSS styles used by a WEBDEV style is modified, the WEBDEV style is automatically modified.
Managing the WEBDEV styles

Style of a control

The description window of the controls is used to manage the style of this control. This control can be associated with:
  • a CSS style ("Free style" option). See CSS styles for more details
  • a WEBDEV style ("WEBDEV style" option). Select the WEBDEV style to use.
    You can also:
    • Modify the selected style
    • Create a new style.
    • Rename the style. Caution: the controls that use the initial style will not be linked to the renamed style.
    • Delete a style.

Editing the WEBDEV styles

WEBDEV allows you to edit the WEBDEV styles found in the style sheet associated with the project.
See Editing the WEBDEV styles for more details.
Note: for a given type of control, if several WEBDEV styles are found in the project, no default CSS style can be defined for this type of control.
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 the control.
  • a WEBDEV style. The WEBDEV style used is selected in the "Style" tab of the description window of the control.
Note: 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.
Managing the 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.
See Editing the WEBDEV styles for more details.
Minimum required version
  • Version 9
Comments
Click [Add] to post a comment