50 lines
2.8 KiB
HTML
50 lines
2.8 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 tabbed 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="tabbedex" />
|
||
|
|
<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 tabbed pane with GUI Builder</title>
|
||
|
|
</head>
|
||
|
|
<body id="tabbedex"><a name="tabbedex"><!-- --></a>
|
||
|
|
<!-- Java sync-link --><script language="Javascript" src="../rzahg/synch.js" type="text/javascript"></script>
|
||
|
|
<h1 class="topictitle1">Creating a tabbed pane with GUI Builder</h1>
|
||
|
|
<div><p></p>
|
||
|
|
<div class="section"><p>GUI Builder makes creating a tabbed pane simple. From the menu
|
||
|
|
bar on the main 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 Tabbed Pane icon <img src="rzahh557.gif" alt="Insert Tabbed Pane tool icon" /> to display a panel builder where you can insert the
|
||
|
|
components for your tabbed pane. In the following example, two components
|
||
|
|
are added.</p>
|
||
|
|
</div>
|
||
|
|
<div class="section"><p><strong>Figure 1: Creating a Tabbed Pane in GUI Builder</strong> <img src="rzahh045.gif" alt="GUI Builder: Creating a tabbed pane" /> </p>
|
||
|
|
</div>
|
||
|
|
<div class="section"><p>After you create the tabbed pane, click the <strong>Preview</strong> tool
|
||
|
|
button <img src="rzahh577.gif" alt="Preview tool icon" />
|
||
|
|
to preview it.</p>
|
||
|
|
</div>
|
||
|
|
<div class="section"><p><strong>Figure 2: Previewing the Tabbed Pane with GUI Builder</strong> <img src="rzahh046.gif" alt="GUI Builder: Previewing the Tabbed Pane" /> </p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|