PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • 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:
  • the screen background corresponds to a blue gradient. no screen background,
  • no slide is displayed,
  • standard skin template of the installer.
To make the setup of your application more user friendly, WDINST allows you to:
Note: The customization of the 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 ("Tools .. WDINST - Setup editor").The interface of the setup program is configured in WDINST: on the "Tools" pane, in the "Utilities" group, click "WDInst".
The wizard for creating the setup program can also be used to customize the interface of the setup program.The wizard for creating the setup program can also be used to customize the interface 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, the setup editor WDINST allows you to customize the interface of the setup program.
To customize the interface of the setup program:
  1. Select "Parameters of setup .. Style".
  2. Select the language for which the interface must be customized.
  3. Configure the interface of the setup program.
    Note: To display a background image, check "Display the background window of the 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.
Enter the purpose of the application: "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. Enter the name of the application: "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.
Notes:
  • By default, WINDEV is supplied with:
    • two preset background images,
    • two preset side images.
    These images are available in the "Program\Data\Templates\WDInst" sub-directory of the setup directory of WINDEV.
    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
Note: 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 the wizard:
  1. Select "Parameters of setup .. 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.
    Note: 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 window. 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
Note: 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 the wizard:
  1. Select "Parameters of setup .. 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.
    Note: 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 window. 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
Note: 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 the wizard:
  1. Select "Parameters of setup .. 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.
    Note: 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 window. 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.
Notes:
  • 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" to display the slides during the entire setup.
    If this option is unchecked and if the setup is not completed after the last slide, this last slide will remain displayed until the end of setup.
Minimum required version
  • Version 9
Comments
Click [Add] to post a comment