WINDEV Mobile Generator of skin templates: Customizing the elements

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

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

WEBDEV

WINDEV Mobile

Others

See also

WINDEV Mobile Generator of skin templates: Customizing the elements

Overview

The WINDEV Mobile generator of skin templates is used to generate the necessary files for creating a custom WINDEV Mobile skin template.

You have the ability to customize the generated elements:

Images: these images will be used in the style of controls.
Window templates.
Report templates.

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
Scroll_H.png Number of states: 4 Number of animation steps: 1 Control(s) using this image: Table, Scheduler, 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, 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 template is Template.wdt, general template of your windows. This template is used to define the background of your windows (background color, background image, ...).

To customize the window templates, all you have to do is open them in WINDEV Mobile. We advise you to open these elements in WINDEV Mobile off project (Drag and Drop the element to WINDEV Mobile 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 Mobile. We advise you to open these elements in WINDEV Mobile off project (Drag and Drop the element to WINDEV Mobile for example).