63 lines
3.5 KiB
HTML
63 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 deck pane 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="deckex" />
|
||
|
|
<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 deck pane with GUI Builder</title>
|
||
|
|
</head>
|
||
|
|
<body id="deckex"><a name="deckex"><!-- --></a>
|
||
|
|
<!-- Java sync-link --><script language="Javascript" src="../rzahg/synch.js" type="text/javascript"></script>
|
||
|
|
<h1 class="topictitle1">Creating a deck pane with GUI Builder</h1>
|
||
|
|
<div><p></p>
|
||
|
|
<div class="section"><p>GUI Builder makes creating a deck pane simple. From the menu bar
|
||
|
|
on the GUI Builder window, select <strong>File</strong> --> <strong>New File</strong>. </p>
|
||
|
|
<p>From
|
||
|
|
the menu bar on the GUI Builder <strong>File</strong> window, click the <strong>Insert Deck
|
||
|
|
Pane</strong> tool button <img src="rzahh559.gif" alt="Insert Deck Pane tool icon" /> to display a panel builder where you can insert the
|
||
|
|
components for your deck pane. In the following example, three components
|
||
|
|
are added.</p>
|
||
|
|
<p><strong>Figure 1: Creating a Deck Pane with GUI Builder</strong> </p>
|
||
|
|
<p><img src="rzahh012.gif" alt="GUI Builder: Creating a Deck Pane" /></p>
|
||
|
|
<p>After
|
||
|
|
you create the deck pane, click the <strong>Preview</strong> tool button <img src="rzahh577.gif" alt="Preview tool icon" /> to preview it. A deck pane looks
|
||
|
|
plain until you select the <strong>View</strong> menu.</p>
|
||
|
|
<p><strong>Figure 2: Previewing
|
||
|
|
the Deck Pane with GUI Builder</strong> </p>
|
||
|
|
<p><img src="rzahh008.gif" alt="GUI Builder: Previewing the Deck Pane" /> </p>
|
||
|
|
<p>From the Deck Pane <strong>View</strong> menu, select the
|
||
|
|
component you want to view. For this example, you can choose to view the
|
||
|
|
PanelSample, TABBEDPANE1, or the TablePanel. The following figures illustrate
|
||
|
|
what you see when you view these components. </p>
|
||
|
|
<p><strong>Figure 3: Viewing
|
||
|
|
the PanelSample</strong><strong> with GUI Builder</strong> </p>
|
||
|
|
<p><img src="rzahh009.gif" alt="GUI Builder: Viewing the PanelSample" /> </p>
|
||
|
|
<p><strong>Figure
|
||
|
|
4: Viewing TABBEDPANE1 with GUI Builder</strong> </p>
|
||
|
|
<p><img src="rzahh010.gif" alt="GUI Builder: Viewing TABBEDPANE1" /> </p>
|
||
|
|
<p><strong>Figure
|
||
|
|
5: Viewing the TablePanel</strong><strong> with GUI Builder</strong> </p>
|
||
|
|
<p><img src="rzahh011.gif" alt="GUI Builder: Viewing the TablePanel" /></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|