PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
New WEBDEV 24 feature!
  • Skin
  • The color palettes
  • The preset page templates
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
10. Customizing the aspect of a site: skin elements
Previous pageTable of contentsNext page
The graphic aspect of a Web site is a major element. With WEBDEV, it is very easy to get a good looking site with a professional style at first try. To do so, several tools are available: the skins, the palettes and the preset page templates.
Skin
The skin of a site can be selected in the description window of project (on the "Project" pane, in the "Project" group, click "Description"). The skins are configured in the "Skin, Styles" tab. Several skins are supplied with WEBDEV.
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.
The skins can be swapped at any time to modify the graphic aspect of a site. When changing skin, WEBDEV automatically adapts the visual aspect of the site controls.
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 example), you have the ability to replace the project skin by redefining it for a page template. If a particular page must have a different skin, this skin can be chosen for the page itself.
The color palettes
The color palettes define a set of colors that are proposed in all color pickers of project. The color palettes are an easy way to customize the visual aspect of a site.
These colors are also applied to the styles defined in the project skin in order to easily change the visual aspect of a project.
The color palette 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 palette must be defined at project level. If a set of pages must use a specific palette (the "Management" pages of a site for example), you have the ability to replace the project palette by redefining it for a page template. Finally, if a specific page must have a different palette, this palette can be defined for the page itself.
The preset page templates
The preset page templates provide structures of pages corresponding to a large range of sites and they simplify the re-usability as well as the graphic harmony between the projects.
Several templates are supplied with WEBDEV.
The same preset template can be added several times into a project so that it can be used with different skins or different color palettes for example.
Once it is added to the project, the preset template can be opened in the editor and modified like any other page template.
A preset page template can also be used as base template for creating another page template.
Previous pageTable of contentsNext page
Minimum version required
  • Version 24
Comments
Click [Add] to post a comment