ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Skin templates and Skins
  • Overview
  • Images of skin template
  • Tips
  • Characteristics of the main images used
  • Window templates
  • Report templates
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
The generator of WINDEV skin templates is used to generate the necessary files for creating a custom skin template for the WINDEV projects.
You have the ability to customize the generated elements:
This help page presents the main images used as well as the modifications that can be performed.
Images of skin template

Tips

  • The extension of the image files can be modified. The following formats can be used: JPG, PNG and GIF.
  • In order for an image not to be used in a control, all you have to do is make it transparent and set its size to 1x1 pixel. In this case, the image must be in PNG format. Therefore, the image will not be generated when generating the skin template.
  • In order for the images to be properly display in your skin templates, don't modify the dimensions of the files.

Characteristics of the main images used

The table below presents the characteristics of the main images used for the styles of controls generated by the skin template.
These characteristics must be respected if these images are modified.
Btn_Std.png

Number of states: 5

Number of animation steps: 1

Field(s) using this image: Button

Project directory source: 5 etats_anim
CBox.png

Number of states: 3

Number of animation steps: 1

Field(s) using this image: Check Box control

Source project directory: Special
Combo.png

Number of states: 5

Number of animation steps: 1

Field(s) using this image: Combo

Source project directory: 1 etat
Edt.png

Number of states: 5

Number of animation steps: 1

Field(s) using this image: Edit control

Source project directory: 1 etat
ProgBar_Activ.png / ProgBar_Bg.png

Number of states: 1

Number of animation steps: 1

Field(s) using this image: ProgressBar

Source project directory: 1 etat
Radio.png

Number of states: 3

Number of animation steps: 1

Field(s) using this image: Selector

Source project directory: Special
Ribbon_Bg.png / Ribbon_Separ.png

Number of states: 1

Number of animation steps: 1

Field(s) using this image: Ribbon control

Source project directory: 1 etat
Ribbon_Tab.png

Number of states: 3

Number of animation steps: 1

Field(s) using this image: Ribbon control

Source project directory: 1 etat
Scroll_H.png

Number of states: 4

Number of animation steps: 1

Field(s) using this image: Table, Scheduler control, RepeatString, Scrollbar control, Elevator control

Source project directory: 1 etat
Select.png

Number of states: 5

Number of animation steps: 1

Field(s) using this image: Table, Calendar, RepeatString

Source project directory: 1 etat
Rollover.png

Number of states: 1

Number of animation steps: 1

Field(s) using this image: Table, Scheduler, Looper control, RepeatString

Source project directory: 1 etat
Sld_Bckgrd.png

Number of states: 1

Number of animation steps: 1

Field(s) using this image: Potentiometer

Source project directory: 1 etat
Sld_Cursor.png

Number of states: 2

Number of animation steps: 1

Field(s) using this image: Potentiometer

Source project directory: 1 etat
Tab_Top.png

Number of states: 2

Number of animation steps: 1

Field(s) using this image: Tab Control

Source project directory: 1 etat
Table_ColPict.png

Number of states: 3

Number of animation steps: 1

Field(s) using this image: Table

Source project directory: 1 etat
Table_ColTitle.png

Number of states: 5

Number of animation steps: 1

Field(s) using this image: Table

Source project directory: 1 etat
Pict_[...].png (Excluding Picto_ok)

Number of states: 5

Number of animation steps: 1

Field(s) using this image: Button

Source project directory: 1 etat
Window templates
The window templates are found in the "Template" directory of the source project of the skin template. The available window templates are:
  • Modele.wdt: General template for your windows. This template is used to define the background of your windows (background color, background image, ...).
  • Modele_Menu.wdt: Template used for menu windows.
  • Modele_MessBox.wdt: Template used for message box windows.
  • Modele_Popup.wdt: Template used for Popup windows.
  • Modele_Preview.wdt: Template used for print previews.
To customize the window templates, all you have to do is open them in WINDEV. We advise you to open these elements in WINDEV off project (Drag and Drop the element to WINDEV for example).
Report templates
The report templates are found in the "Template" directory of the source project of the skin template. The available report templates are:
  • Modele_Etats.wte: General state model.
  • Modele_Etiquette.wte: Model used for Etiquette reports.
  • Modele_Mailing.wte: Template used for Mailing reports.
To customize the report templates, all you have to do is open them in WINDEV. We advise you to open these elements in WINDEV off project (Drag and Drop the element to WINDEV for example).
Minimum version required
  • Version 21
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 03/27/2025

Send a report | Local help