PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Customizing the interface of the setup program
  • Customize the skin template of the wizard
  • Customize the skin template
  • Displaying slides at regular time intervals
  • Scrolling slides
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
WDInst: configuring the interface of the setup program
Overview
The setup editor WDInst proposes a standard setup program:
  • no wallpaper,
  • no slide is displayed,
  • standard skin template of installer.
To make the setup of your application more user friendly, WDInst allows you to:
Remark: The customization of style and skin template as well as the selection of slides may differ according to the runtime language of the setup program.
The interface of the setup program is configured in WDInst: on the "Tools" pane, in the "Utilities" group, click "WDInst".
The setup program creation wizard can also be used to customize the UI and the skin template of the setup program.
Customizing the interface of the setup program
To make the setup of your application more user-friendly, WDInst allows you to customize the interface of the setup program.
To customize the interface of the setup program:
  1. Select "Setup parameters .. Style".
  2. Select the language for which the interface must be customized.
  3. Configure the interface of the setup program.
    Remark: To display a background image, check "Display the background image for setup".
Correspondence between the options in WDInst and the setup program
Setup options (
Interface of the setup program
Number 1
Enter the title of the background window. This title will be displayed in the title bar of the window.
Specify the application purpose: "Inventory management".
Number 2
Select the side image of the setup wizard. This image is centered on the left side of the setup wizard.
To be displayed properly, the dimension of this image must be set to 150 x 300 pixels. If the dimensions of the image do not correspond to the specified dimensions, the image will not be resized.
Number 3
The background window can contain:
  • a caption. Enter this caption. This caption will be displayed in italic white in the top left corner of the background window. Type the application name: "WDCustomers".
    Caution: The maximum number of characters is limited. Taking the letters "i" and "m" as reference, the caption can contain between 20 and 70 characters.
  • a logo. Select the image that will be displayed at the top of the background window. This logo will be centered and proportionally resized.
    To optimize the display of the logo, the window of the setup program will be moved to the bottom.
    Caution: If the height of the logo is too important, the bottom of the logo may be hidden by the window of the setup program.
Number 4
The wallpaper can correspond to:
  • a gradient color. Select the start color, the end color and the gradient direction.
  • an image. This image can be tiled or stretched. Select the image to use.
Remarks:
  • By default, WINDEV is supplied with:
    • two preset background images,
    • two preset side images.
    These images are available in the "Program\Data\Templates\WDInst" subdirectory of the WINDEV setup directory.
    To use these preset layouts, click the "Preset layouts" button and select the layout to use.
  • To preview the setup program with the specified layout options, click the "100 % preview" button.
Versions 17 and later
Customize the skin template of the wizard
The setup editor WDInst allows you to choose the style for the setup windows.
Example of wizard
Remark: The image of the logo is defined in the "Decor" tab of the setup options.

Customize the skin template

To customize the skin template of wizard:
  1. Select "Setup parameters .. Wizard".
  2. Select the skin template of the wizard. The skin template of your application (or any other skin template) can be applied to the installer.
    Remark: the skin template must be a skin template supplied from version 14.
    • The "Preview" button is used to view the first window of the installer with the selected skin template (and the layout image).
    • The "Default" button is used to select the default skin template and the default layout image.
  3. Select (if necessary) the image that will be used as background image of the wizard. You can use:
    • no image
    • the default image
    • a specific image.
New in version 17
Customize the skin template of the wizard
The setup editor WDInst allows you to choose the style for the setup windows.
Example of wizard
Remark: The image of the logo is defined in the "Decor" tab of the setup options.

Customize the skin template

To customize the skin template of wizard:
  1. Select "Setup parameters .. Wizard".
  2. Select the skin template of the wizard. The skin template of your application (or any other skin template) can be applied to the installer.
    Remark: the skin template must be a skin template supplied from version 14.
    • The "Preview" button is used to view the first window of the installer with the selected skin template (and the layout image).
    • The "Default" button is used to select the default skin template and the default layout image.
  3. Select (if necessary) the image that will be used as background image of the wizard. You can use:
    • no image
    • the default image
    • a specific image.
Customize the skin template of the wizard
The setup editor WDInst allows you to choose the style for the setup windows.
Example of wizard
Remark: The image of the logo is defined in the "Decor" tab of the setup options.

Customize the skin template

To customize the skin template of wizard:
  1. Select "Setup parameters .. Wizard".
  2. Select the skin template of the wizard. The skin template of your application (or any other skin template) can be applied to the installer.
    Remark: the skin template must be a skin template supplied from version 14.
    • The "Preview" button is used to view the first window of the installer with the selected skin template (and the layout image).
    • The "Default" button is used to select the default skin template and the default layout image.
  3. Select (if necessary) the image that will be used as background image of the wizard. You can use:
    • no image
    • the default image
    • a specific image.
Displaying slides at regular time intervals
The setup editor WDInst gives you the ability to display images (called slides) when installing files on the user computers.
Remarks:
  • If a logo is displayed in the wallpaper, the slides will replace this logo.
  • The smaller the "slide" files are, the faster the setup will be. To reduce the size of the slides, we recommend that you use compressed image formats (".GIF" or ".JPEG" for example).

Scrolling slides

To make slides scroll at regular time intervals:
  1. Select "Setup parameters .. Slides".
  2. Select the language for which the slides must be configured.
  3. Select the slides (image files) to display ("Add" button).
  4. Specify the minimum display duration (in seconds) of each slide.
    To optimize the setup speed, the slides are loaded between two setup operations (installing two different files for example). The display duration can be longer than the specified duration.
  5. Modify (if necessary) the order in which the slides are displayed ("Move up" and "Move down" buttons.
  6. Check "Display the slides in loop mode" to display the slides throughout the setup.
    If this option is unchecked and the setup is not completed after the last slide, the latter will remain displayed until the end of the setup.
Minimum version required
  • Version 9
Comments
Click [Add] to post a comment