136 lines
6.3 KiB
HTML
136 lines
6.3 KiB
HTML
|
|
<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
|
|
|
|
<meta name="generator" content="Adobe RoboHelp 9">
|
|
<title>Layout Options</title>
|
|
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/monobook/IE50Fixes.css";</style><![endif]-->
|
|
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/monobook/IE55Fixes.css";</style><![endif]-->
|
|
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/monobook/IE60Fixes.css";</style><![endif]-->
|
|
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/monobook/IE70Fixes.css?1";</style><![endif]-->
|
|
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js"></script>
|
|
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
|
|
<!-- Head Scripts -->
|
|
<link rel="stylesheet" href="HtmlHelp.css" type="text/css">
|
|
|
|
<style title="hcp" type="text/css">
|
|
<!--
|
|
span.hcp1 { font-weight:bold; }
|
|
-->
|
|
</style>
|
|
</head>
|
|
|
|
<body class="ns-0 ltr">
|
|
<div id="globalWrapper">
|
|
<div id="column-content">
|
|
<div id="content">
|
|
<h1 class="firstHeading">Layout Options</h1>
|
|
<div id="bodyContent">
|
|
<p id="siteSub">There are various alignment and sizing
|
|
options that can help to create more organised and clearer
|
|
layouts. All of these operations can be undone with the
|
|
Undo feature from the <a href="Edit_Menu.htm">Edit Menu</a>.</p>
|
|
<p>Select a group of objects (two or more) then use the
|
|
<a href="Edit_Menu.htm">Edit Menu</a> commands, the right
|
|
click menu or the <a href="Group Toolbar.html">Group Toolbar</a>
|
|
buttons on the selected objects.</p>
|
|
<p> </p>
|
|
<p><a name="Align" id="Align"></a></p>
|
|
<h2>Align</h2>
|
|
<p>To align multiple objects use the following options:</p>
|
|
<p><span class="hcp1">Align</span> > <span class="hcp1">Top</span>, <span class="hcp1">Bottom</span>,
|
|
<span class="hcp1">Right</span> or <span class="hcp1">Left</span> edges</p>
|
|
<p>Objects will be moved in line with with the top, bottom,
|
|
right or left-most object.</p>
|
|
<div class="editsection" style="float: right; margin-left: 5px;">
|
|
<p> </p>
|
|
</div>
|
|
<p><a name="Remove_Gaps" id="Remove_Gaps"></a></p>
|
|
<h2>Remove Gaps</h2>
|
|
<p>To remove gaps between objects use the following options:</p>
|
|
<p><span class="hcp1">Remove Gaps</span>
|
|
> <span class="hcp1">Horizontally</span>
|
|
or <span class="hcp1">Vertically</span></p>
|
|
<p>Objects will be positioned next to each other with no
|
|
gap.</p>
|
|
<div class="editsection" style="float: right; margin-left: 5px;">
|
|
<p> </p>
|
|
</div>
|
|
<p><a name="Space_Equally" id="Space_Equally"></a></p>
|
|
<h2>Space Equally</h2>
|
|
<p>To space objects equally across the design page use
|
|
the following options:</p>
|
|
<p><span class="hcp1">Space Equally</span>
|
|
> <span class="hcp1">Horizontally</span>
|
|
or <span class="hcp1">Vertically</span></p>
|
|
<p>Objects will have equal spacing between them.</p>
|
|
<div class="editsection" style="float: right; margin-left: 5px;">
|
|
<p> </p>
|
|
</div>
|
|
<p><a name="Z_Order" id="Z_Order"></a></p>
|
|
<h2>Z Order</h2>
|
|
<p>The order in which overlapping objects are displayed
|
|
can be changed to prevent objects getting lost in the
|
|
layout by being hidden by other objects. This is also
|
|
a useful feature when placing a background image or coloured
|
|
frame behind objects. Select the object whose Z order
|
|
you wish to change and use one of the following options:</p>
|
|
<p><span class="hcp1">Z Order</span> >
|
|
<span class="hcp1">Bring to front</span>,
|
|
<span class="hcp1">Bring forward one</span>,
|
|
<span class="hcp1">Send to back</span>,
|
|
or <span class="hcp1">Send back one</span></p>
|
|
<div class="editsection" style="float: right; margin-left: 5px;">
|
|
<p> </p>
|
|
</div>
|
|
<p><a name="Centre" id="Centre"></a></p>
|
|
<h2>Centre</h2>
|
|
<p>Single or multiple objects can be centred to the design
|
|
window using the following options:</p>
|
|
<p><span class="hcp1">Centre</span> >
|
|
<span class="hcp1">Horizontally</span> or
|
|
<span class="hcp1">Vertically</span></p>
|
|
<p>Depending upon the selection, objects will be centred
|
|
either horizontally or vertically in the design window.</p>
|
|
<div class="editsection" style="float: right; margin-left: 5px;">
|
|
<p> </p>
|
|
</div>
|
|
<p><a name="Size" id="Size"></a></p>
|
|
<h2>Size</h2>
|
|
<p>To change the dimensions of one or more objects to be
|
|
the same size as another object, select all of the objects
|
|
to be sized including the object that you wish to use
|
|
as the template for the operation then use the following
|
|
options:</p>
|
|
<p><span class="hcp1">Size</span> > <span class="hcp1">Make same Width</span>, <span class="hcp1">Height</span> or <span class="hcp1">Size</span>.</p>
|
|
<p>After selecting the option, the cursor changes to reflect
|
|
a scale operation. Click the cursor on the object whose
|
|
dimensions are to be copied. The other selected objects
|
|
will be sized accordingly. This operation does not work
|
|
with audio input / output blocks or CobraNet bundles.</p>
|
|
<p> <br>
|
|
For example, 2 sliders are selected, the leftmost being
|
|
wider than the right and <span class="hcp1">Make
|
|
Same Width</span> is chosen from the right click menu.
|
|
The cursor then changes to reflect a scale operation and
|
|
if the right hand slider is now selected the left slider
|
|
will change width to match it.</p>
|
|
<p> <span class="hcp1"><br>
|
|
NB</span>: BLU series devices e.g. <a href="BLU-80.html">BLU-80</a>,
|
|
<a href="BLU-32.html">BLU-32</a> and <a href="BLU-16-BLU-16A.html">BLU-16</a>
|
|
can be sized horizontally but not vertically. This is
|
|
to accommodate longer naming structures within the device
|
|
icons but, it is not considered useful to be able to extend
|
|
the vertical height of these objects. If the 'Show Control
|
|
Ports' option is selected in the Properties for a device
|
|
then the icon will lengthen to display all the extra ports.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p style="margin-bottom: 0;"> </p>
|
|
</body>
|
|
</html>
|