Contents 

Welcome
About
Contact and support
Readme
Introducing Graphical Installer
Overview
Features
File <project>.iss
File <project>.graphics.iss
Useful Functions, Procedures and Variables
Graphical Installer core files
Implementation of Inno Setup Compiler
GraphicalInstaller_functions.nsh
BitmapCutter.exe
BitmapCutterGUI.exe
Wizard.exe
How GraphicalInstallerUI works
MessageBox Designer
SetupProjectsConverter
Using Graphical Installer Wizard
Description of Graphical Installer Wizard's pages
Visual & Installer
Configuration of Graphical Installer Wizard (Visual & Installer)
Launching a Graphical Installer Wizard (Visual & Installer)
RAD & Installer
Configuration of Graphical Installer Wizard (RAD & Installer)
Launching a Graphical Installer Wizard (RAD & Installer)
Inno Script Studio
Configuration of Graphical Installer Wizard (Inno Script Studio)
Launching a Graphical Installer Wizard (Inno Script Studio)
Standalone application
Configuration of Graphical Installer Wizard (Standalone application)
Launching a Graphical Installer Wizard (Standalone application)
F.A.Q.
Changelog
Bugs

Graphical Installer for Inno Setup Online Help

Prev Page Next Page
 Description of Graphical Installer Wizard's pages

Wizard is similar to classic Inno Setup Wizard. We will describe only differences between them.
Please remember: Wizard does not cover all features of Inno Setup. Option 'Create new script file' will create only basic skeleton of your installer (but with all features from Graphical Installer package like background, skinned buttons, ...). To create fully featured installers use wizards provided in Inno Setup package, innoIDE, Inno Script Studio or other tools.

Tip:
Press F1 (or click the question mark symbol in the corner of window) anytime to show help for current page of Wizard.


Graphical Installer Wizard consists from these pages:

  • 1. Page Welcome

    You can find version information on this page (marked with bold font). It describes compatibility of Wizard and Graphical Installer.

  • 2. Page Graphical Installer project

    This is the most important page of the Wizard. Here you can choose what to do:
    a) Open file - to open your existing script file and convert it to Graphical Installer powered installer
    b) Create new script file - to create new Graphical Installer powered installer from the scratch

    Choose one option - what action you would like to perform.
    If you choose option Open file the Wizard will skip page Application Information and show page Graphic settings.


  • 3. Page Application Information

    This page is skipped if you choose option Open file in Page Graphical Installer project.

    There is read only edit box added to this page called Graphical Installer Project Identifier which is used for compiling script as Graphical Installer.
    This identifier is also used to recognize <project>.iss file and <project>.graphics.iss.



    Related symbol: GRAPHICAL_INSTALLER_PROJECT
  • 4. Page Graphic settings

    This page contains all visual style option required for proper skinning of Inno Setup installer. It is the most interesting page for Graphical Installer Wizard.

    Graphic settings for Graphical Installer:

    Field Background picture represents the main image for installer's skin.
    Write path to desired file or click button Browse to select file from your machine.

    Field Texts color defines color for common texts in installer.
    You can type color manually as $RRGGBB or click button Browse to select desired color from color selection dialog.

    Field Headers color defines color for headers texts in installer.
    You can type color manually as $RRGGBB or click button Browse to select desired color from color selection dialog.

    Graphic settings for buttons:

    Field Buttons picture represents the image for installer button.
    Write path to desired file or click button Browse to select file from your machine.

    Field called Normal color defines color for all buttons in installer.
    You can type color manually as $RRGGBB or click button Browse to select desired color from color selection dialog.

    Field called Pressed color defines color for buttons in installer when the button is pressed down.
    You can type color manually as $RRGGBB or click button Browse to select desired color from color selection dialog.

    Field Focused color defines color for all buttons in installer when the button received focused.
    You can type color manually as $RRGGBB or click button Browse to select desired color from color selection dialog.

    Field Disabled color defines color for buttons in installer when the button is disabled.
    You can type color manually as $RRGGBB or click button Browse to select desired color from color selection dialog.




    Related symbol: TopPicture
    Related symbol: TextsColor
    Related symbol: HeadersColor
    Related symbol: ButtonPicture
    Related symbol: ButtonNormalColor
    Related symbol: ButtonFocusedColor
    Related symbol: ButtonPressedColor
    Related symbol: ButtonDisabledColor

    Tip: For background picture use image with 690 x 496 pixels. This must be set! Supported formats: .bmp .jpg .gif .png .tif.
    For button picture use .png image with 80 x 136 pixels. This must be set!

  • 5. Page Finish

    When you press the Finish button all changes you made will be written into <project>.iss and <project>.graphics.iss files. You can select project name and location in Save dialog. Background image will be converted - you can notice it as a black-console window which opens for few seconds when the script is being written to file.
    In few moments generated files - main project.iss file and <project>.graphics.iss file are opened in default Inno Setup editor.

    Warning:
    Background of the installer consists from three separate images: the background image itself - this one you choose in Wizard - and the inner dialog’s image, top image and bottom image (generated automatically by extern application from Wizard).
    However you choose only background image the inner dialog’s image is also used to redraw installer’s dialogs controls, so it must be created.

    If you are importing some skin or image, you need to generate this small image manually – run the BitmapCutter.exe tool (see BitmapCutter for more info).

Tip:

Anytime you see an yellow field (usually with some hint like 'Drag file here') in dialog, you can use Drag and Drop to select file into this field to speed up your work.
If correct file is used the field turns green. On wrong file it turns red.

 

   
Converted from CHM to HTML with chm2web Pro 2.85 (unicode)