ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
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

Control(s) using this image: Button

Directory of source project: 5 states_anim
CBox.png

Number of states: 3

Number of animation steps: 1

Control(s) using this image: Check Box

Directory of source project: Special
Combo.png

Number of states: 5

Number of animation steps: 1

Control(s) using this image: Combo Box

Directory of source project: 1 state
Edt.png

Number of states: 5

Number of animation steps: 1

Control(s) using this image: Edit control

Directory of source project: 1 state
ProgBar_Activ.png / ProgBar_Bg.png

Number of states: 1

Number of animation steps: 1

Control(s) using this image: Progress Bar

Directory of source project: 1 state
Radio.png

Number of states: 3

Number of animation steps: 1

Control(s) using this image: Radio Button

Directory of source project: Special
Ribbon_Bg.png / Ribbon_Separ.png

Number of states: 1

Number of animation steps: 1

Control(s) using this image: Ribbon

Directory of source project: 1 state
Ribbon_Tab.png

Number of states: 3

Number of animation steps: 1

Control(s) using this image: Ribbon

Directory of source project: 1 state
Scroll_H.png

Number of states: 4

Number of animation steps: 1

Control(s) using this image: Table, Scheduler, Organizer, Looper, Scrollbar

Directory of source project: 1 state
Select.png

Number of states: 5

Number of animation steps: 1

Control(s) using this image: Table, Calendar, Looper

Directory of source project: 1 state
Rollover.png

Number of states: 1

Number of animation steps: 1

Control(s) using this image: Table, Scheduler, Organizer, Looper

Directory of source project: 1 state
Sld_Bckgrd.png

Number of states: 1

Number of animation steps: 1

Control(s) using this image: Slider

Directory of source project: 1 state
Sld_Cursor.png

Number of states: 2

Number of animation steps: 1

Control(s) using this image: Slider

Directory of source project: 1 state
Tab_Top.png

Number of states: 2

Number of animation steps: 1

Control(s) using this image: Tab

Directory of source project: 1 state
Table_ColPict.png

Number of states: 3

Number of animation steps: 1

Control(s) using this image: Table

Directory of source project: 1 state
Table_ColTitle.png

Number of states: 5

Number of animation steps: 1

Control(s) using this image: Table

Directory of source project: 1 state
Pict_[...].png (Excluding Picto_ok)

Number of states: 5

Number of animation steps: 1

Control(s) using this image: Button

Directory of source project: 1 state
Window templates
The window templates are found in the "Template" directory of the source project of the skin template. The available window templates are:
  • Template.wdt: General template of your windows. This template is used to define the background of your windows (background color, background image, ...).
  • Template_Menu.wdt: Template used for the menu windows.
  • Template_MessBox.wdt: Template used for the Message Box windows.
  • Template_Popup.wdt: Template used for the Popup windows.
  • Template_Preview.wdt: Template used for the print preview.
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:
  • Template_Reports.wte: General template for reports.
  • Template_Label.wte: Template used for the Label reports.
  • Template_Mailing.wte: Template used for the 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: 07/03/2023

Send a report | Local help