1 GUI Preferences - <guiprefs>
2 Nested Elements
- 2.1 Modifying the GUI - <modifier>
  - 2.1.1 Modifying the Language Selection Dialog
  - 2.1.2 Modifying IzPack Panels
  - 2.1.3 Adding a Splash Page
  - 2.1.4 Trace debug window
- 2.2 Alternative Frame Title
- 2.3 Using a Separated Heading Panel
- 2.4 PackSize
- 2.5 Alternative Cancel Dialog
- 2.6 <laf> - Look and Feel
  - 2.6.1 kunststoff
  - 2.6.2 Liquid Look and Feel
  - 2.6.3 JGoodies Looks
  - 2.6.4 Substance
3 Background Image

GUI Preferences - `<guiprefs>`

This <guiprefs> element allows you to set the layout and behavior of the GUI when the installer runs. This information will not have any effect on the command-line installers that will be available in future versions of IzPack.The attributes that can be specified are:

Attribute Name	Description	Default Value

Attribute Name	Description	Default Value
`resizable`	Indicates whether the window size can be changed or not.	no
`width`	Sets the initial window width in pixels.	600
`height`	Sets the initial window height in pixels.	480

Example:

<guiprefs width="800" height="600" resizable="no"/>

Nested Elements

Modifying the GUI - `<modifier>`

There are some options to modify the graphic user interface. Most of them are managed with key/value pairs of the <modifier> element which is a child of the <guiprefs> element in the installation description file.

Example:

<guiprefs width="600" height="480" resizable="no">
  <modifier key="useButtonIcons" value="no"/>
  <modifier key="useLabelIcons" value="no"/>
  <modifier key="labelGap" value="2"/>
  <modifier key="layoutAnchor" value="NORTHWEST"/>
  <modifier key="useHeadingPanel" value="yes"/>
  <modifier key="headingImageOnLeft" value="yes"/>
  <modifier key="headingLineCount" value="1"/>
  <modifier key="headingFontSize" value="1.5"/>
  <modifier key="headingBackgroundColor" value="0x00ffffff"/>
  <modifier key="headingPanelCounter" value="text"/>
  <modifier key="headingPanelCounterPos" value="inHeading"/>
</guiprefs>

Modifying the Language Selection Dialog

The language selection dialog appears at the start of the installation before the first panel occurs.

In additional to the picture in the language selection dialog, it is possible to modify flags and the way the language name is shown:

useFlags Possible are "yes" or "no". Default is "yes". If it is set to "no", no flag will be displayed in the language selection dialog. For "no" it is recommended to define also 'langDisplayType' other then "iso3".
langDisplayType Possible values are "iso3", "native" and "default". Default is "iso3". With "iso3" the text for a language will be displayed as ISO 639-2:1998 code. With "native" the notation of the language will be used if possible, else the notation of the default locale. Using "default" will be presented the language in the notation of the default locale of the VM.

Modifying IzPack Panels

There are some graphic elements and behavior which are preferred by some people and deprecate by other. The following keys are related to the whole installation (all panels).

useButtonIcons: possible are "yes" or "no". Default is "yes". If it is set to "no", all buttons which are created via the ButtonFactory contains no icon also a icon id was submitted. Directly created buttons are not affected.
useLabelIcons Possible are "yes" or "no". Default is "yes". If it is set to "no", all labels which are created via the LabelFactory contains no icon also a icon id was submitted. Directly created labels are not affected.
labelFontSize A float value used as a multiplier for the font size on labels created via the LabelFactory and IzPanel. Directly created labels are not affected.
layoutAnchor This is the layout anchor for IzPanels. Valid are "NORTH", "NORTHWEST", "SOUTHWEST", "SOUTH" and "CENTER". Only panels which are using the layout helper of IzPanels are supported. These are not all standard panels. At developing custom panels it is recommended to use the layout helper with an IzPanelLayout. Note: The anchor definition will be used for all panels!
Gaps There are a number of defined gaps between different components of a IzPanel that can be applied to a IzPanelLayout. The gaps can be set also via the element '<modifier>' of '<guiprefs>'. It is possible to declare different values for X and Y axis. This will be determined in the key word name. X Gaps are insert after Y gaps under the control for which the gap was declared. Following key words are defined:
- labelXGap | labelYGap The gap in pixels between two labels in X or Y direction.
- textXGap | textYGap The gap in pixels between two text fields.
- controlXGap | controlYGap The gap in pixels between two controls other than label or textfield.
- paragraphYGap The gap in pixels for a paragraph. A paragraph will be created in the panel source for controls which should be separated. paragraphXGap is declared, but not used.???
- labelToTextXGap | labelToTextYGap The gap in pixels between a label (left or top) and a text field (right or bottom).
- labelToControlXGap | labelToControlYGap The gap in pixels between a label (left or top) and a control other than a label or a textfield.
- textToLabelXGap | textToLabelYGap The gap in pixels between a text field (left or top) and a label.
- controlToLabelXGap | controlToLabelYGap The gap in pixels between a control other than a label or a text field and a label.
- controlToTextXGap | controlToTextYGap The gap in pixels between a control other than a label or a text field and a text field.
- textToControlXGap | textToControlYGap The gap in pixels between a text field and a control other than a label or a text field .
- firstYGap The gap in pixels between the top border and the first control.
- fillerNXGap | fillerNYGap The gap in pixels created by the layout manager to do what???. Fillers are used by some panels. N is a number between 1 and 5 to specify a different filler e.g. filler3XGap or filler1YGap.
- allXGap | allYGap The gap in pixels between all controls in X or Y direction. If this is declared, this is the default for all gaps for which no own declaration has been defined.
layoutYStretchType | layoutXStretchType This is the type of stretch that will be applied. The IzPanelLayout manager permits stretch factors for controls to be specified. This means, that a control will be stretched if there is space in the line. The amount of stretching will be determined by the stretch factor. But what to do if the whole stretch factor for a line or column is not 1.0? To determine this these settings are exist. Valid values are
- RELATIVE The values will be normalized ????
- ABSOLUTE The values will be used as they are. A part of the line will be clipped if the sum is greater than 1.0.
- NO No stretch will be performed.
layoutFullLineStretch | layoutFullColumnStretch There are controls which should be stretched. Beside fixed values there are the symbolic values FULL_LINE_STRETCH and FULL_COLUMN_STRETCH which are computed at layout. E.g. MultiLineLabels has this stretch factor for x direction. But what to do if a centered layout is chosen? With a control like this the lines will be stretch to the hole size. With this settings it can be changed. E.g. a factor of 0.7 creates a nice centered layout. The default is 1.0, valid are 0.0 up to 1.0.

Adding a Splash Page

The useSplashScreen key modifier is used to indicate that the installer should show a splash screen.
The value of the useSplashScreen key modifer represents the minimum amount of time (in milliseconds) to show the splash screen.
The image should be defined as a resource with the id of Splash.image.
The image can be a png, jpg, jpeg, gif or bmp file.
Note: Older installers using the <splash> tag will find that their splash image no longer appears. Please use this new syntax.

_{Sample IzPack installation description}

<installation version="5.0"
              xmlns:izpack="http://izpack.org/schema/installation"
              xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xsi:schemaLocation="http://izpack.org/schema/installation http://izpack.org/schema/5.0/izpack-installation-5.0.xsd">

  <info>
    <appname>Test</appname>
    <appversion>0.0</appversion>
    <appsubpath>myapp</appsubpath>
    <javaversion>1.6</javaversion>
  </info>

  <guiprefs width="800" height="600" resizable="no">
	 <!-- Show the splashScreen for a minimum of 1000 milliseconds -->	
	 <modifier key="useSplashScreen" value="1000"/>	
  </guiprefs>

  <resources>
    <!--Define the splash screen image as a reading just like a heading image -->
    <res id="Splash.image" src="images/splash.png"/>
  </resources>
</installation>

Trace debug window

When using the installer command line option -trace the actual values for variables and conditions will be shown on the right side of the installer dialog. This can be a very difficult to look for variables as the space is very limited there. This information can be shown in a separate window by setting the showDebugWindow modifier value as follows:

Note that this modifier is only relevant if you start the GUI installer using the -trace option, otherwise this modifier has no effect.

Alternative Frame Title

It is possible to use an alternative frame title. Normally the title is "IzPack - Installation of " + '$APP_NAME'. If the langpack key installer.reversetitle is defined, the value of that key will be used instead of the key installer.title. There is no string added, but it is possible to use IzPack variables. The third heading example contains such a alternatively frame title. It is only possible to use predefined variables like '$APP_NAME' because the title will be created before the frame will be shown. It is common to use the name of the installation toolkit in the frame title.

Using a Separated Heading Panel

Some standard panels have headings (e.g. ShortcutPanel). These headings are integrated in the IzPanel. In opposite to this following heading will be displayed in a separated panel potential for all panels with the same design.(not parsable in English) There is no need to modify existing Java classes. The declaration of some key/value pairs is enough.

There can be one real head and zero or more info lines. The headline will be written bold, the font size can be changed. Info lines will be indented and written with the normal used font. The heading message has to be written into the langpack (or custom langpack) file with the key '<panel class name>.headline'. Examples can be seen in eng.xml. May be the entries for standard panels are not present in other languages. Messages for info lines have the key '<panel class name>.headinfo<info line number>'. First info line has number zero. If no or empty headline messages will be declared in the chosen language no heading panel will be shown. This behavior can be used to suppress heading for special panels.

It is also possible to declare head and info lines additional dependent on the 'panelid'. The result is, that it is possible to declare different messages for panels which are shown more than one time (e.g. the UserInputPanel. In this case the key for heading is

<panel class name>.headline.<panelid>

and for info lines

<panel class name>.headinfo<info line number>.<panelid>

Panel IDs are declared in the <panel> element. The standard strings are declared in the standard langpack file. For customized panels it is common to declare text in the custom language pack.

Example:

Then the messages can be declared in 'CustomLangpack.xml_eng' like this:

It is possible to place an icon on the right side of the heading (see below to display on left side). To do this a simple resource entry will be needed:

There are some guiprefs modifier keys used to modify heading (see above). Additionally it is possible to count the general not hidden panels in the heading or navigation panel.

useHeadingPanel General switch for heading. If this key does not exist or does not have the value "yes" no heading panel will be shown.
headingImageOnLeft Option to allow displaying the heading image on the left of the header instead of the default (right side). Only valid if heading panel is used.
useHeadingForSummary In the language files there are entries for the heading text ('Panel name.headline') and the summary caption ('Panel name.summaryCaption'). If this modifier is set to "yes", the text of the heading will be also used for the summary caption.
headingLineCount Number of heading lines. If no info lines should be shown the value should be one (not zero).
headingFontSize A float value used as multiplier for the standard font size.
headingBackgroundColor Background color of the heading panel as integer. Often used is 0x00ffffff (white).
headingForegroundColor Font color of the heading panel as integer. Often used is 0x00ffffff (white).
headingPanelCounter Draw a panel counting. Possible values are "text" or "progressbar". inHeading the progressbar will be not the best choice.
headingPanelCounterPos Declares where the counter will be shown. Possible are "inHeading" or "inNavigationPanel". If "inNavigationPanel" is chosen, the panel counter can be used also no heading was selected.
headingImageBorderSize Decalres the border size around the heading panel

Example: Modifiers to create an IzPack installation with heading, no button and label icons and a panel text counter in the heading panel:

Example: Changed resources and langpack keys to create IzPack installation with an alternative frame title, a heading, no button and label icons and a text counter in the heading panel.

_install.xml

In the resource file <ISO3>.xml or 'CustomLangpack.xml_<ISO3>, add:

Example: Changed key/value pairs to create IzPack installation with heading, no button and label icons and a panel progressbar counter in the navigation panel.

PackSize

The PacksPanel dialog supports the modifier doNotShowPackSizeColumn. With doNotShowPackSizeColumn set to true, the third column will not be shown. This does not affect the display of the required size of all packs.

The required size can be hidden by setting the doNotShowRequiredSize to true.

Example:

Don't show pack size in PacksPanel.

The PacksPanel will not show the column with the sizes of each pack, but will show the total required space.

Alternative Cancel Dialog

The cancel dialog will be shown if the cancel button or the close button of the frame is pushed.

In the standard dialog, the title contains the question and the confirmation message.

Often, in other dialogs, the title is a common heading and the question will be called in the dialog as a message. The standard behavior will be modified if the messages installer.quit.reversemessage or installer.quit.reversetitleare are declared.

In the resource files <ISO3>.xml or CustomLangpack.xml_<ISO3>, add

<laf> - Look and Feel

The look and feel can be specified on a per-OS basis. For instance you can use the native look and feel on Win32 and OS X but use a third-party one on Unix-like platforms. To do that, you have to add some <laf> child elements to the <guiprefs> element.:

laf: This tag specifies a look and feel. It has a name attribute that defines the look and feel name.

Each laf element needs at least one <os> child element, in which case the look and feel applies only in case the OS conditions apply. See OS Restrictions describes the use of <os> in more detail.

Each laf element can also contain any number of param elements to customize a look and feel. A param elements has two attribues: name and value. The valid names and values will depend on the laf being described.

The available look and feels are:

Kunststoff: kunststoff (JDK <9)
Liquid: liquid (support removed in 5.0.7)
Metouia: metouia
JGoodies Looks: looks
Substance: substance
Windows: windows
Aqua: aqua
Metal: metal

If you don't specify a look and feel for a particular operating system, then the default native one will be used: Windows on Windows, Aqua on Mac OS X and Metal on the Unix-like variants.

_{Sample IzPack installation description}

kunststoff

<laf name="kunststoff">

JDK: <9

Liquid Look and Feel

The Liquid Look and Feel supports the following variant attributes:

decorate.frames: yes means that it will render the frames in Liquid style

decorate.dialogs: yes means that it will render the dialogs in Liquid style

Support for Liquid removed in 5.0.7.

JGoodies Looks

<laf name="looks">

The JGoodies Looks look and feel can be specified by using the variant attributes. The values can be one of:

windows: use the Windows look
plastic: use the basic Plastic look
plastic3D: use the Plastic 3D look
plasticXP: use the Plastic XP look (default).

Here is a small sample:

Substance

<laf name="substance">

Here is a small sample:

The Substance web site has been taken off line but is still available in the Substance project source code found at insubstantial/substance at master · Insubstantial/insubstantial http://java.net/projects/substance/sources/svn/show/trunk/www.

To view the gallery of the different toned-down themes, you need to check out the source code and then navigate to the www/docs/skins/toneddown.html file from your browser.

Substance is not compatible with JDK >=9.

Since 5.2.4
There is evolution of “Substance” named “Radiance” (https://github.com/kirill-grouchnikov/radiance).

“Radiance” supports JDK >=9 but has class file format incompatible with JDK 8. IzPack use “Substance” themes if run on JDK <9, otherwise use Radiance themes. Radiance has same set of themes as Subsance so xml-configuration and variants are the same as for substance.
The installation jar includes only “Radiance” if the required minimum SDK version is >8 (<javaversion> in install.xml)

The installation jar includes only “Substance” if required JDK <9 and JDK is strict (<javaversion strict="true"> in install.xml))

Otherwise the istallation jar includes both.

The substance look and feel toned-down themes can be specified using the variant parameter (default: business) pointed in next table. Some variants available in Radiance only (on JDK >8).

If a Radiance-specific theme is used and the installer is running on JDK<9, the default "business" variant will be used as a fallback.

Variant	Substance	Radiance

Variant	Substance	Radiance
`autumn`	+	+
`business`	+	+
`business-black`	+	+
`business-blue`	+	+
`cerulean`	-	+
`creme`	+	+
`creme-coffee`	+	+
`dust`	+	+
`dust-coffee`	+	+
`field-of-wheat`	-	+
`gemini`	+	+
`graphite`	+	+
`graphite-aqua`	-	+
`graphite-chalk`	-	+
`graphite-electric`	-	+
`graphite-glass`	-	+
`graphite-gold`	-	+
`graphite-sienna`	-	+
`graphite-sunset`	-	+
`green-magic`	-	+
`harvest`	-	+
`magellan`	-	+
`magma`	-	+
`mariner`	+	+
`mist-aqua`	+	+
`mist-silver`	+	+
`moderate`	+	+
`nebula`	+	+
`nebula-amethyst`	-	+
`nebula-brick-wall`	+	+
`night-shade`	-	+
`officeblack`	+	+
`officeblue`	+	+
`officesilver`	+	+
`raven`	-	+
`sahara`	+	+
`sentinel`	-	+
`streetlights`	-	+
`twilight`	-	+

Background Image

Since 5.2.2 it is possible to specify the background image (https://izpack.atlassian.net/browse/IZPACK-1356 ). To do this a simple resource entry will be needed:

GUI Preferences

GUI Preferences - <guiprefs>

Nested Elements

Modifying the GUI - <modifier>

Modifying the Language Selection Dialog

Modifying IzPack Panels

Adding a Splash Page

Trace debug window

Alternative Frame Title

Using a Separated Heading Panel

PackSize

Alternative Cancel Dialog

<laf> - Look and Feel

kunststoff

Liquid Look and Feel

JGoodies Looks

Substance

Background Image

GUI Preferences - `<guiprefs>`

Modifying the GUI - `<modifier>`