PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • How to view the content of a style sheet (.STY file)?
  • How to modify or delete a style in a style sheet (.STY file)?
  • Modifying a style in a style sheet (".STY" file)
  • Deleting a style from a style sheet (".STY" file)
  • How to import a style into a style sheet (".STY" file)?
  • How to define the default style for a type of control?
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
A style sheet is a ".STY" file. A style sheet groups:
  • the style of the window controls (background color, font, border, ...),
  • the information regarding the aspect of window controls (background image, dimension, ...).
The custom style sheets can be handled from the interface of window editor. See Custom style sheet for more details.
Handling the styles via the ".STY" files is an advanced WINDEV option.
From the ".STY" file, you can:
How to view the content of a style sheet (.STY file)?
To view the content of a style sheet, all you have to do is open the corresponding ".STY" file in WINDEV. The styles found in the style sheet are listed one above the other.
Note: The style sheets of skin templates are found in the "Personal\Template" directory of setup directory of WINDEV.
How to modify or delete a style in a style sheet (.STY file)?

Modifying a style in a style sheet (".STY" file)

To modify a style in a style sheet (".STY" file):
  1. Open the style sheet ( ".STY" file) containing the style to modify.
  2. Select the style to modify.
  3. Double-click the style (or select "Skin-template description" from the popup menu).
  4. Perform the requested modifications and apply these modifications.
  5. Save the style sheet ( ).
Notes:
  • These modifications will be applied to the controls that use this style when opening the project and/or the windows.
  • If a project was opened during the modification of the style sheet (".STY" file), select "Project .. Other actions .. Refresh style and skin template" to take into account the modifications performed in the current project.If a project was opened during the modification of the style sheet (".STY" file), on the "Project" pane, in the "Project" group, expand "Recompile and synchronize" and select "Refresh style and skin template" to take into account the modifications performed in the current project.
Caution: When updating WINDEV, the modifications performed on the style sheets of skin templates may be overwritten. If modifications are performed in the style sheets of skin templates, we advise you to make a backup copy of the modified files.

Deleting a style from a style sheet (".STY" file)

To delete a style from a style sheet (".STY" file):
  1. Open the style sheet (".STY" file) containing the style to delete.
  2. Select the style to delete.
  3. Select "Delete" from the popup menu (or press the [Del] key).
  4. Save the style sheet ( ).
Notes:
  • When opening a project and/or a window that is using the deleted style, you can:
    • change nothing. The controls that use the deleted style will not be modified. We advise you to associate these controls with other styles.
      The deleted style can be added to the custom style sheet of the project during the next opening.
    • add the deleted style to the custom style sheet of the project.
  • If a project was opened when a style was deleted from a style sheet:
    • close this project ("File .. Close the project"). close this project: on the "Home" pane, in the "General" group, expand "Close" and select "Close the project".
    • re-open this project ("File .. Open a project") to take the deletion of the style into account in the current project.re-open this project to take the deletion of the style into account in the current project: on the "Home" pane, in the "General" group, expand "Open" and select "Open a project".
How to import a style into a style sheet (".STY" file)?
To import a style into a style sheet (".STY" file):
  1. Open the style sheet (".STY" file) containing the style to export.
  2. Select the style to export.
  3. Copy the selected style into the clipboard ([Ctrl]+[C]).
  4. Open the style sheet (".STY" file) into which the style will be imported.
  5. Paste the clipboard content ([Ctrl]+[V]).
  6. Save the style sheet (".STY" file) into which the style was imported ( ). The imported style is now available in both style sheets.
    Note: If the imported style is using specific files (such as image files displayed in control background), these files are copied into the directory of the imported style sheet.
Caution: When updating WINDEV, the styles imported into the style sheets of skin templates may be overwritten. If modifications are performed in the style sheets of skin templates, we advise you to make a backup copy of the modified files.
How to define the default style for a type of control?
To define the style used by default for a type of control in the current project:
  1. Open the style sheet (".STY" file) used by the current project.
  2. Select the style to use for a type of control. For example, two styles are available for a "Button" control: "StyleBtnA" and "StyleBtnB". To use the "StyleBtnA" by default, select the "StyleBtnA" style.
  3. Double-click the style (or select "Skin-template description" from the popup menu). The description window of the style is displayed.
  4. Display the "Details" tab.
  5. Check "By default" and validate.
  6. Save the style sheet ( ).
Note: If your project is associated with several style sheets of skin templates, the style used by default will be selected according to the following order:
  • the style defined by default in the custom style sheet.
  • the style defined by default in the style sheet of the skin template associated with the current window.
  • the style defined by default in the default style sheet of WINDEV.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment