Skins

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Overview
Sequence for applying the skins
Using the skins
Choosing the skin of a project
Changing the skin of a page or page template
Updating skins

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Skins

Overview

The skins are used to standardize the visual aspect of a site and they allow you to easily change style.

A skin includes:

a style sheet containing WEBDEV styles.
an image directory.
a default color palette.
a set of reports used as base to build the new project reports.

Let's take a look at these elements:

The style sheet:
Reminder: A style sheet includes WEBDEV styles. Each WEBDEV style groups:
- one or more CSS styles,
- values of properties for the control.
  A WEBDEV style applies to a specific type of control.
  The styles of a skin have standardized names. Therefore, the skins can be interchanged between themselves.
The images:
The images supplied with the skin are used to define the visual aspect of the cells, tables, tab controls, etc.
The color palette:
The default color palette of a skin can be replaced by any other color palette. For more details, see: Color palettes.

Sequence for applying the skins

The skin of a page can be defined at three different levels (in descending order of priority):

In the project.
In the page template from which the page inherits the properties.
In the page itself.

The general skin must be defined at project level.

If a set of pages must use a specific skin (the "Promotion" pages of a site for instance), you have the ability to replace the project skin: all you have to do is redefine it for a page template.

If a particular page must have a different skin, this skin can be chosen for the page itself.

Using the skins

Choosing the skin of a project

To choose the skin of a project:

On the "Project" pane, in the "Project" group, click "Description".
Select the "Skin Styles" tab.
Choose a skin among the proposed ones (as well as its color palette) and validate.

Changing the skin of a page or page template

To change the skin of a page or page template:

Select "Description" from the popup menu of the page.
Select the "Style" tab.
Click the browse button to select a skin.
If the selected skin is "None", the project skin will be used.

Updating skins

Versions 17 and later
If a skin used by a project was updated (which means modified), WEBDEV proposes to update this project when it is opened.

You have the ability not to select this new version of the skin, the previous skin being directly stored in each project.

New in version 17
If a skin used by a project was updated (which means modified), WEBDEV proposes to update this project when it is opened.

You have the ability not to select this new version of the skin, the previous skin being directly stored in each project.

If a skin used by a project was updated (which means modified), WEBDEV proposes to update this project when it is opened.

You have the ability not to select this new version of the skin, the previous skin being directly stored in each project.