Warning |
---|
Under construction! |
A custom User Input Panel is an xml file named userInputSpec.xml.
More information
Step 1 - Introduce the custom panel
To use a custom user input panel you have to add the following xml code to the install.xml:
Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
|
<panels>
...
<panel classname="UserInputPanel"/>
...
</panels> |
Put the panel tag in the right order of your panels defined in the panels tag. Now specify the location of the userInputSpec.xml in the resources tag of the instal.xml.
Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
|
<resources>
...
<res id="userInputSpec.xml" src="userInputSpec.xml" />
...
<resources> |
Step 2 - userInputSpec.xml skeleton
Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
|
<userInput>
<panel order="0" layout="left">
<field type="text" variable="value1">
...
</field>
</panel>
</userInput> |
This xml code should be put in the userInputSpec.xml file. This is the skeleton description of a custom user input panel.
XML Tag | Description |
---|
<userInput> | Root xml tag |
<panel> | Definition of a panel; Multiple panels possible |
<field> | Definiton of a gui element; One gui element per <field > tag
|
Step 3 - Supported gui elements
The following description should be considered as an introduction of available gui elements of IzPack. Detailed information can be found in the official (but an old) IzPack documentation.
User Input Elements
Visual Elements
Element | Code | Screenshot |
---|
Static Text | Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
| <field type="staticText" align="left"
txt="This is just some simple static text with variable substitution in here: $myvariable."
id="staticText.text"/> |
| Image Added |
Title | Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
| <field type="title" txt="This is my title" id="mytitle"/> |
| Image Added |
Space | Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
| <field type="space" /> |
| |
Divider | Code Block |
---|
theme | Eclipse |
---|
language | html/xml |
---|
| <field type="divider" /> |
| Image Added |