<html xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta name="author" content="Crownwood Consulting Ltd." />
<meta name="description" content="Magic, The User Inteface Library for .NET." />
<meta name="keywords" content=".NET Framework,DotNet,.NET,magic,gui,docking,dockable,toolbars,menus,components,controls,c,csharp,vb,visual basic,WinForms,Windows Forms" />
<meta name="robots" content="all" />
<title>Magic - The User Interface Library for .NET - Article</title>
<link href="images3/master.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" type="text/javascript">
<!--Dummy comment to hide code from non-JavaScript browsers.
if (document.images)
{
readme_off = new Image(); readme_off.src = "images3/readme.gif"
readme_over = new Image(); readme_over.src = "images3/readme_over.gif"
articles_off = new Image(); articles_off.src = "images3/articles.gif"
articles_over = new Image(); articles_over.src = "images3/articles_over.gif"
bespoke_off = new Image(); bespoke_off.src = "images3/bespoke.gif"
bespoke_over = new Image(); bespoke_over.src = "images3/bespoke_over.gif"
contact_off = new Image(); contact_off.src = "images3/contact.gif"
contact_over = new Image(); contact_over.src = "images3/contact_over.gif"
}
function turn_off(ImageName) {
if (document.images != null) {
document[ImageName].src = eval(ImageName + "_off.src");
}
}
function turn_over(ImageName) {
if (document.images != null) {
document[ImageName].src = eval(ImageName + "_over.src");
}
}
// End of dummy comment-->
</script>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" class="lightBG">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" class="lightBG">
<tr>
<td height="100%" class="lightBG">
<img src="images3/spacer.gif" height="1" width="1" border="0" />
</td>
<td height="100%" width="750">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="5" class="lightBG">
<img src="images3/spacer.gif" height="1" width="1" border="0" />
</td>
</tr>
<tr>
<td height="99" class="lightBG">
<table width="100%" height="99" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="99" class="pageHeader" valign="bottom">Article</td>
<td height="143" width="362" class="lightBG">
<img src="images3/logo_full.jpg" alt="Magic Logo" height="143" width="362" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="20" class="lightMenu">
<table width="100%" height="20" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="lightMenu">
<img src="images3/spacer.gif" height="1" width="1" border="0" />
</td>
<td class="lightMenu" height="20" width="52">
<a href="../readme.html" onmouseout="turn_off('readme')" onmouseover="turn_over('readme')">
<img name="readme" src="images3/readme.gif" border="0" width="49" height="20" />
</a>
</td>
<td class="lightMenu" height="20" width="50">
<a href="articles.html" onmouseout="turn_off('articles')" onmouseover="turn_over('articles')">
<img name="articles" src="images3/articles.gif" border="0" width="47" height="20" />
</a>
</td>
<td class="lightMenu" height="20" width="57">
<a href="bespoke.html" onmouseout="turn_off('bespoke')" onmouseover="turn_over('bespoke')">
<img name="bespoke" src="images3/bespoke.gif" border="0" width="54" height="20" />
</a>
</td>
<td class="lightMenu" height="20" width="51">
<a href="contact.html" onmouseout="turn_off('contact')" onmouseover="turn_over('contact')">
<img name="contact" src="images3/contact.gif" border="0" width="48" height="20" />
</a>
</td>
<td class="lightMenu" width="3">
<img src="images3/spacer.gif" height="1" width="1" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="23" class="pageBG">
<img src="images3/spacer.gif" height="1" width="1" border="0" />
</td>
</tr>
<tr>
<td height="100">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="100%" width="125" class="pageBG">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="10">
<img src="images3/spacer.gif" height="1" width="1" border="0" />
</td>
<td>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="15" width="18" valign="bottom">
<img src="images3/rightarrow.gif" height="15" width="18" border="0" />
</td>
<td height="15">
<a class="sectionHeader" href="#top">top</a>
</td>
</tr>
<tr>
<td height="15" width="18" valign="bottom">
<img src="images3/rightarrow.gif" height="15" width="18" border="0" />
</td>
<td height="15">
<a class="sectionHeader" href="#contents">contents</a>
</td>
</tr>
<tr>
<td height="15" width="18" valign="bottom">
<img src="images3/rightarrow.gif" height="15" width="18" border="0" />
</td>
<td height="15">
<a class="sectionHeader" href="#showandhide">show / hide</a>
</td>
</tr>
<tr>
<td height="15" width="18" valign="bottom">
<img src="images3/rightarrow.gif" height="15" width="18" border="0" />
</td>
<td height="15">
<a class="sectionHeader" href="#accurate">accurate</a>
</td>
</tr>
<tr>
<td height="15" width="18" valign="bottom">
<img src="images3/rightarrow.gif" height="15" width="18" border="0" />
</td>
<td height="15">
<a class