59 lines
3.5 KiB
HTML
59 lines
3.5 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html
|
|
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html lang="en-us" xml:lang="en-us">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="security" content="public" />
|
|
<meta name="Robots" content="index,follow" />
|
|
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0) "http://www.classify.org/safesurf/" l gen true r (SS~~000 1))' />
|
|
<meta name="DC.Type" content="reference" />
|
|
<meta name="DC.Title" content="Creating a wizard with GUI Builder" />
|
|
<meta name="abstract" content="" />
|
|
<meta name="description" content="" />
|
|
<meta name="copyright" content="(C) Copyright IBM Corporation 2006" />
|
|
<meta name="DC.Rights.Owner" content="(C) Copyright IBM Corporation 2006" />
|
|
<meta name="DC.Format" content="XHTML" />
|
|
<meta name="DC.Identifier" content="wizex" />
|
|
<meta name="DC.Language" content="en-us" />
|
|
<!-- All rights reserved. Licensed Materials Property of IBM -->
|
|
<!-- US Government Users Restricted Rights -->
|
|
<!-- Use, duplication or disclosure restricted by -->
|
|
<!-- GSA ADP Schedule Contract with IBM Corp. -->
|
|
<link rel="stylesheet" type="text/css" href="./ibmdita.css" />
|
|
<link rel="stylesheet" type="text/css" href="./ic.css" />
|
|
<title>Creating a wizard with GUI Builder</title>
|
|
</head>
|
|
<body id="wizex"><a name="wizex"><!-- --></a>
|
|
<!-- Java sync-link --><script language="Javascript" src="../rzahg/synch.js" type="text/javascript"></script>
|
|
<h1 class="topictitle1">Creating a wizard with GUI Builder</h1>
|
|
<div><p></p>
|
|
<div class="section"><p>GUI Builder makes creating a wizard interface simple. From the
|
|
menu bar on the GUI Builder window, select <strong>File</strong> --> <strong>New File</strong>. </p>
|
|
</div>
|
|
<div class="section"><p>From the menu bar on the GUI Builder <strong>File</strong> window, click
|
|
the Insert Wizard toobar button <br /><img src="rzahh558.gif" alt="Insert Wizard tool icon" /><br /> to display a panel builder where you can add panels to
|
|
the wizard.</p>
|
|
</div>
|
|
<div class="section"><p><strong>Figure 1: Creating a Wizard with GUI Builder</strong> </p>
|
|
<img src="rzahh044.gif" alt="GUI Builder: Creating a Wizard" /></div>
|
|
<div class="section"><p>After you have create the wizard, use the <strong>Preview</strong> tool
|
|
button <br /><img src="rzahh577.gif" alt="Preview tool icon" /><br />
|
|
to preview it. Figure 2 shows the panel that first displays for this example.</p>
|
|
</div>
|
|
<div class="section"><p><strong>Figure 2: Previewing the first wizard panel with GUI Builder</strong> </p>
|
|
<br /><img src="rzahh040.gif" alt="GUI Builder: Previewing the first wizard panel" /><br /></div>
|
|
<div class="section"><p>Figure 2 shows the second panel that displays when the user selects <strong>Rock</strong>
|
|
and clicks <strong>Next</strong>.</p>
|
|
</div>
|
|
<div class="section"><p><strong>Figure 3: Previewing the second wizard panel with GUI Builder</strong> </p>
|
|
<br /><img src="rzahh041.gif" alt="GUI Builder: Previewing the second wizard panel" /><br /></div>
|
|
<div class="section"><p>Clicking <strong>Next</strong> on the second wizard panel displays the final
|
|
wizard panel, as shown in Figure 4.</p>
|
|
</div>
|
|
<div class="section"><p><strong>Figure 4: Previewing the final wizard panel with GUI Builder</strong> </p>
|
|
<br /><img src="rzahh042.gif" alt="GUI Builder: Previewing the final wizard panel" /><br /></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |