Source

boa-constructor / Docs / boa / guide / node22.html

Full commit
<!DOCTYPE html PUBLIC "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <meta name="GENERATOR"
 content="Mozilla/4.5 [en] (WinNT; I) [Netscape]">
  <title>2.2 Using the Designer to set the Title</title>
</head>
<body alink="#ff0000" bgcolor="#ffffff" link="#0000bb" text="#000000"
 vlink="#551a8b">
<div class="navigation">&nbsp;
<table cellpadding="0" cellspacing="2" width="100%">
  <tbody>
    <tr>
      <td height="32" width="32"><a href="node23.html"><img
 src="icons/next.gif" alt="Next Page" border="0" height="32"
 width="32"></a></td>
      <td height="32" width="32"><a href="index.html"><img
 src="icons/up.gif" alt="Up One Level" border="0" height="32"
 width="32"></a></td>
      <td height="32" width="32"><a href="node21.html"><img
 src="icons/previous.gif" alt="Previous Page" border="0" height="32"
 width="32"></a></td>
      <td align="center" bgcolor="#99ccff" width="100%"><b>Getting
Started Guide
for Boa Constructor</b></td>
      <td height="32" width="32"><a href="index.html"><img
 src="icons/contents.gif" alt="Contents" border="0" height="32"
 width="32"></a></td>
      <td height="32" width="32"><img src="icons/blank.gif" alt=""
 border="0" height="32" width="32"></td>
      <td height="32" width="32"><img src="icons/blank.gif" alt=""
 border="0" height="32" width="32"></td>
    </tr>
  </tbody>
</table>
<b>Next:<span class="sectref"></span></b><a href="node23.html">Add a
Status Bar</a>
<b>Up:<span class="sectref"></span></b><a href="index.html">Getting
Started Guide
for Boa Constructor</a> <b>Previous:<span class="sectref"></span></b><a
 href="node21.html">Creating
a new Application</a>
<br>
<hr></div>
<!--End of Navigation Panel-->
<h1>2.2 Using the Designer to set the Title</h1>
<ul>
  <li>Select the Frame1 tab in the Editor to ensure that we are editing
the
Frame.</li>
  <li>Start the Designer, by clicking the designer button from the
Editor
toolbar.&nbsp;<img src="image/Designer.jpg"></li>
</ul>
<p><br>
</p>
<img alt="Designer" title="Designer" src="image/Boa22.png"
 style="width: 800px; height: 580px;"><br>
<p><br>
</p>
<ul>
  <li>The Frame will be displayed as a drawing area (initially the
title will
show 'Frame1'</li>
  <ul>
    <li>Two new panes will be displayed
in the Editor labeled the 'Data' pane and the 'Sizer' pane.</li>
  </ul>
  <li>The Inspector Window will display the 'Constr' or Constructor
pane. This
pane allows you to edit
the size, position, style, variable name and title of a component. Edit
the field called 'Title'. Give the frame the name 'Notebook', when selecting another property, e.g. Style you will see that the title has changed.  Alternatively you can also click on the "edit" button (...) to change the title and you will see the changes after you clicked on "OK" on the String Edit Dialog.<br>
  </li>
  <li>You have to save the
changes using the 'Post' button. You press the 'Post' button <img
 alt="Post" title="Post" src="image/Post.jpg"
 style="width: 16px; height: 16px;"> either on the Inspector
toolbar or the Editor toolbar.</li>
  <li>The Designer Window will close.</li>
  <li>You will notice that the source code has been updated to reflect
the title.</li>
  <li>The Editor shows that the Source Code is changed by asterix on
the
notebook
tabs, so you need to press the save button.<br>
  </li>
</ul>
<!--Start of Navigation Panel-->
<div class="navigation">
<hr>
<table cellpadding="0" cellspacing="2" width="100%">
  <tbody>
    <tr>
      <td height="32" width="32"><a href="node23.html"><img
 src="icons/next.gif" alt="Next Page" border="0" height="32"
 width="32"></a></td>
      <td height="32" width="32"><a href="index.html"><img
 src="icons/up.gif" alt="Up One Level" border="0" height="32"
 width="32"></a></td>
      <td height="32" width="32"><a href="node21.html"><img
 src="icons/previous.gif" alt="Previous Page" border="0" height="32"
 width="32"></a></td>
      <td align="center" bgcolor="#99ccff" width="100%"><b>Getting
Started Guide
for Boa Constructor</b></td>
      <td height="32" width="32"><a href="index.html"><img
 src="icons/contents.gif" alt="Contents" border="0" height="32"
 width="32"></a></td>
      <td height="32" width="32"><img src="icons/blank.gif" alt=""
 border="0" height="32" width="32"></td>
      <td height="32" width="32"><img src="icons/blank.gif" alt=""
 border="0" height="32" width="32"></td>
    </tr>
  </tbody>
</table>
<b>Next:<span class="sectref"></span></b><a href="node23.html">Add a
Status Bar</a>
<b>Up:<span class="sectref"></span></b><a href="index.html">Getting
Started Guide
for Boa Constructor</a> <b>Previous:<span class="sectref"></span></b><a
 href="node21.html">Creating
a new Application</a></div>
<!--End of Navigation Panel-->
</body>
</html>