PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • 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)?
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.
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?
WINDEV 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.
WINDEV 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 "Apply 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.
WINDEV 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.
WINDEV 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.
WINDEV 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.
WINDEV Mobile

Deleting a skin template

To delete a skin template from a project, you must delete it from all the windows in the project:
  1. Display the description window of project: on the "Project" pane, in the "Project" group, click "Description".
  2. In the "Style" tab, choose the "None" skin template.
  3. For each window in the project:
    • Open the window in the editor.
    • Display the description of the window ("Description" from the popup menu).
    • In the "Style" tab, select the "None" skin template.
    • Validate the description window.
    • In the window, modify the style of the controls so that they no longer use the skin template (it is possible to use the "Style used" button on the "Style" tab of the control description window).
  4. When all the windows have been processed, on the "Project" pane, in the "Project" group, expand "Recompile and synchronize" and select the option "Refresh style and skin template". If there is no link between the controls and the skin template, the skin template will be automatically removed from the project.
How to dynamically apply a skin template (by programming)?
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment