PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • How to apply, create and delete a skin template?
  • Applying a skin template to a project
  • Applying a skin template to a window
  • Applying a skin template to a report
  • Creating a skin template of window
  • Modifying a skin template of window
  • Creating a skin template of report
  • Deleting a skin template
  • How to dynamically apply a skin template (by programming)?
  • Overview
  • How to proceed?
  • Necessary files
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
WINDEV, WEBDEV and WINDEV Mobile allow you to customize the interface of your applications via several preset interfaces: the templates.
A skin template can be applied to your project (window or report) at any time during the development. Even if a skin template is already used, each window and each report can be customized individually.
A skin template can also be dynamically applied to the windows during the execution of your program. See "How to apply a skin template dynamically?" for more details.
Several skin templates are proposed by default. You also have the ability to create your own skin templates.
WEBDEV - Server code Only the skin templates on reports are available. To define the interface of the pages found in a site, use:
Notes: Skin templates and templates:
  • The skin templates are used to define the interface characteristics for a window or for a report: the style of controls, the images used, ...
  • The templates of window or reports are used to define the interface as well as the features (buttons, controls, code for example). These features will be applied to each element that is using the template and they can be overloaded if necessary.
How to apply, create and delete a skin template?
WINDEVWINDEV Mobile

Applying a skin template to a project

To apply a skin template to a project:
  1. Select "Project .. Other actions .. Apply a skin template to the project".On the "Project" pane, in the "Other actions" group, click "Apply a skin template to the project".
  2. Select the skin template to apply.
  3. By default:
    • the selected skin template will be applied to:
      • all windows and reports found in the project.
      • all controls found in the windows and reports.
    • the controls used only for the interface of windows (layout controls used for to minimize or to close the window for example) will be deleted and replaced by the ones found in the new skin template.
    • Versions 17 and later
      the selected skin template is applied according to the name of styles. All style names found in the skin templates are standard names. This option is used to optimize the application of skin template. The style overloads (if they exist) are kept.
      New in version 17
      the selected skin template is applied according to the name of styles. All style names found in the skin templates are standard names. This option is used to optimize the application of skin template. The style overloads (if they exist) are kept.
      the selected skin template is applied according to the name of styles. All style names found in the skin templates are standard names. This option is used to optimize the application of skin template. The style overloads (if they exist) are kept.
Notes:
  • This method can be applied to a project that is using (or not) a skin template.
  • A skin template can also be associated with a project ("Theme of skin template" in the "Style" tab of project description). The selected skin template will be proposed by default when creating a window or report.
WINDEVWINDEV Mobile

Applying a skin template to a window

To apply a skin template to a window:
  1. Select "Windows .. Apply a skin template".On the "Window" pane, in the "Style and Skin templates" group, click "Applying a skin template".
  2. Select the skin template to apply. The selected skin template is automatically applied to the window opened in the editor. This allows you to immediately see the effect of the skin template.
  3. By default:
    • the selected skin template will be applied to:
      • the current window.
      • all controls found in the current window (whether they use a skin template or not).
    • the controls used only for the window interface (layout controls used for to minimize or to close the window for example) will be deleted and replaced by the ones found in the new skin template.
    • Versions 17 and later
      the selected skin template is applied according to the name of styles. All style names found in the skin templates are standard names. This option is used to optimize the application of skin template. The style overloads (if they exist) are kept.
      New in version 17
      the selected skin template is applied according to the name of styles. All style names found in the skin templates are standard names. This option is used to optimize the application of skin template. The style overloads (if they exist) are kept.
      the selected skin template is applied according to the name of styles. All style names found in the skin templates are standard names. This option is used to optimize the application of skin template. The style overloads (if they exist) are kept.
  4. Depending on the preview, you can:
    • Validate the selected skin template: the skin template will be actually applied to the current window.
    • Change the skin template. The new selected skin template is automatically applied to the current window in preview.
    • Cancel the change of skin template. The current window in the editeur keeps its initial aspect.
Note: This method can be applied to a window that is using (or not) a skin template.

Applying a skin template to a report

To apply a skin template to a report:
  1. Select "Report .. Apply a skin template".On the "Modification" pane, in the "Templates and skin template" group, click "Apply a skin template".
  2. Select the skin template to apply.
  3. Validate. The skin template is applied to the current report.
Note: This method can be applied to a report that is using (or not) a skin template.
WINDEVWINDEV Mobile

Creating a skin template of window

You have the ability to create your own skin template if no default skin template suits you.
Several steps are required to create a skin template of window:
Note: One of the methods for creating a skin template of window is presented here. The method presented below is recommended but it is not mandatory.
WINDEVWINDEV Mobile

Modifying a skin template of window

To modify an existing skin template, all you have to do is modify the skin-template file (.STY file) found in the directory where the skin template was generated.
WINDEVWEBDEV - Server codeWINDEV Mobile

Creating a skin template of report

You have the ability to create your own skin template if no default skin template suits you.
Several steps are required to create a skin template of report:
Notes:
  • One of the methods for creating a skin template of reports is presented here. The method presented below is recommended but it is not mandatory.
  • No skin template of reports can be created in Reports & Queries.

Deleting a skin template

If your applications do not use one of the skin templates (custom skin template or default skin template), this skin template can be deleted.
To delete an entire skin template, all you have to do is delete the corresponding directory.
Note: One of the default skin templates can be re-installed at any time from the setup CD of the product used.
How to dynamically apply a skin template (by programming)?
WINDEV

Overview

This feature consists in applying a skin template to a window at run time, when the window is displayed. This feature allows you to quickly standardize the windows coming from several applications for example.
Example: Your application is using one or more WINDEV components. To standardize the appearance of the windows at run time, all you have to do is dynamically apply the skin template of your project.
WINDEV

How to proceed?

To dynamically apply a skin template to the windows of your application (or to the windows of your WINDEV component only), all you have to do is use ChangeSkinTemplate (in the initialization code of project for example) and specify:
  • the elements to which the new skin template will be applied (specific window, windows of components, all windows)
  • the name of skin template to use. This name corresponds to a "WDY" file, generated when the skin template was created. This file must be supplied with the application.
Versions 23 and later
To avoid applying the skin template to one of the project windows:
  1. Display the description window of relevant window.
  2. In the "Style" tab, check "Always keep the initial style/skin template".
  3. Validate.
New in version 23
To avoid applying the skin template to one of the project windows:
  1. Display the description window of relevant window.
  2. In the "Style" tab, check "Always keep the initial style/skin template".
  3. Validate.
To avoid applying the skin template to one of the project windows:
  1. Display the description window of relevant window.
  2. In the "Style" tab, check "Always keep the initial style/skin template".
  3. Validate.
WINDEV

Necessary files

To dynamically apply a skin template to one or more windows, the following elements must be supplied when deploying the application:
  • the application and the associated WINDEV components (if necessary).
  • the WDY files corresponding to the different skin templates to apply. These files can be included in the library of the application (WDL file). See Creating an executable for more details.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment