Initial commit - QBPOS Help
This commit is contained in:
@@ -0,0 +1,195 @@
|
||||
|
||||
<!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 2019">
|
||||
<title>Positioning and Aligning Elements</title>
|
||||
<link rel="StyleSheet" href="../qbpos.css" type="text/css">
|
||||
<style type="text/css">
|
||||
/* FORCE ALL FONTS TO 12PT */
|
||||
* { font-size: 12pt !important; }
|
||||
body, p, li, ol, ul, div, span, td, th, h1, h2, h3, h4, h5, h6 { font-size: 12pt !important; }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
<style title="hcp" type="text/css">
|
||||
<!--
|
||||
span.hcp1 { font-weight:bold; }
|
||||
font.hcp2 { font-weight:bold; }
|
||||
tr.hcp3 { vertical-align:top; }
|
||||
td.hcp4 { padding-left:1px;
|
||||
padding-top:1px;
|
||||
padding-right:1px;
|
||||
padding-bottom:1px; }
|
||||
td.hcp5 { padding-left:1px;
|
||||
padding-top:1px;
|
||||
padding-right:1px;
|
||||
padding-bottom:1px;
|
||||
background-color:Transparent; }
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../ehlpdhtm.js" language="JavaScript1.2"></script>
|
||||
|
||||
|
||||
<p class="Help-Heading-1" style="background-color: #008000;">Position and Align Elements</p>
|
||||
<p class="Help-Text"><font color="#C0C0C0"><a href="printdesigner_oview.htm">Print Designer Overview</a> |</font> <a href="../qbpos_help_and_support/help_printdesignerfaqs.htm">Print Designer FAQs</a></p>
|
||||
<div>
|
||||
<p style="font-family: Arial, sans-serif; text-align: right; color: #800000;">Pro</p>
|
||||
</div>
|
||||
<p class="Help-Text">Elements can be positioned on the template by any or a combination of these methods:</p>
|
||||
<ul>
|
||||
<li class="p-Help-Bulleted" style="margin-left: -20px;">
|
||||
<p class="Help-Bulleted">Drag and drop the element; use this method to approximately place the element in the desired position and then use the options below for more precise alignment</p>
|
||||
</li>
|
||||
<li class="p-Help-Bulleted" style="margin-left: -20px;">
|
||||
<p class="Help-Bulleted">Use the arrow keys on your keyboard to move the selected element in small incremental steps or <span class="hcp1"><Ctrl + arrow keys></span> to move in 10X larger increments</p>
|
||||
</li>
|
||||
<li class="p-Help-Bulleted" style="margin-left: -20px;">
|
||||
<p class="Help-Bulleted">Use the tool bar alignment options (see below) to position elements relative to other fields or relative to the <a href="../qbpos_glossary_of_terms/glossarypage.htm#glossary_section">section</a> in which it is placed</p>
|
||||
</li>
|
||||
<li class="p-Help-Bulleted" style="margin-left: -20px;">
|
||||
<p class="Help-Bulleted">Use the top and side <a href="printdesigner_preferences.htm">rulers</a>, <a href="printdesigner_coordinates.htm">status bar coordinates</a>, and <a href="printdesigner_preferences.htm">snap overlapping objects to their edges</a> options with any of the above to help with precise placement</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="Help-Heading-2">Using the Alignment Options</p>
|
||||
<p class="Help-Text">The alignment options allow you to align selected elements to another element or to the section in which it is placed. When aligning to another element, the first element selected is referred to as the "anchor element." Other selected elements will be oriented to the position of the anchor element according to the alignment option selected.</p>
|
||||
<p class="Help-Info-Line">To apply an alignment option:</p>
|
||||
<ol>
|
||||
<li class="p-Help-Steps">
|
||||
<p class="Help-Steps">Select the element or elements you wish to align.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="Help-Indent">To select multiple elements, hold down the <font style="font-weight: bold; font-style: italic;"><Shift></font> key and click on each element in turn or by dragging the mouse to encompass all elements to be selected. The first element selected is the anchor element when aligning elements relative to each other.</p>
|
||||
<ol start="2">
|
||||
<li class="p-Help-Steps">
|
||||
<p class="Help-Steps">From the toolbar, select <span class="hcp1">A</span><font class="hcp2">lign</font> and then select <span class="hcp1">A</span><font class="hcp2">lign Fields to Each Other</font> or <span class="hcp1">A</span><font class="hcp2">lign Fields to Section</font>.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="Help-Indent">The align fields to each other option is available only if multiple elements have been selected.</p>
|
||||
<ol start="3">
|
||||
<li class="p-Help-Steps">
|
||||
<p class="Help-Steps">From the drop-down menu displayed, select the specific alignment option:</p>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="Help-Indent">You can also select <span class="hcp1">Show Align Toolbar</span> from the Align menu to add the alignment tools to the toolbar.</p>
|
||||
<p class="Help-Text" style="margin-top: 0; margin-bottom: 0;"> </p>
|
||||
|
||||
<table style="margin-left: 42px;" cellspacing="0" width="342">
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" bgcolor="#E6E6E6" class="hcp4">
|
||||
<p class="Help-Text"><font class="hcp2">Alignment Options:</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" bgcolor="#E6E6E6" class="hcp4">
|
||||
<p class="Help-Text" style="margin-top: 8.00pt;"><font class="hcp2">Fields to each other</font></p>
|
||||
</td>
|
||||
<td style="width:37.19%;" bgcolor="#E6E6E6" class="hcp4">
|
||||
<p class="Help-Text" style="margin-top: 8.00pt;"><font class="hcp2">Fields to<br>
|
||||
Section</font></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Align Left</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the left edge of all selected elements with the left edge of the anchor element</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns left edge of selected element(s) to the left edge of the section</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Align Right</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the right edge of all selected elements with the right edge of the anchor element</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the right edge of all selected element(s) with the right edge of the section</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Align Bottom</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the bottom edge of all selected elements with the bottom edge of the anchor element</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the bottom edge of all selected element(s) with the bottom edge of the section</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Align Vertical Center</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the vertical center of all selected elements with the vertical center of the anchor element</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">Vertically centers the selected element(s) within the section</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Align Horizontal Center</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Aligns the horizontal center of the selected elements with the horizontal center of the anchor element</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">Horizontally centers the selected element(s) within the section</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Make Same Width</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Makes the width of selected elements the same as the width of the anchor element</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">Makes the selected element(s) the same width as the section</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Equal Horizontal Space</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Evenly distribute the horizontal spacing between selected elements</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">n.a.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="hcp3">
|
||||
<td style="width:27.72%;" class="hcp5">
|
||||
<p class="Help-Text"><font class="hcp2">Equal Vertical Space</font></p>
|
||||
</td>
|
||||
<td style="width:35.09%;" class="hcp5">
|
||||
<p class="Help-Text">Evenly distribute the vertical space between selected elements</p>
|
||||
</td>
|
||||
<td style="width:37.19%;" class="hcp5">
|
||||
<p class="Help-Text">n.a.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p class="Help-Text"> </p>
|
||||
<p class="Help-Heading-2">Moving Elements between Sections</p>
|
||||
<p class="Help-Text">You cannot move an element directly from one template section to another. If you need to move an element to another section, first <a href="printdesigner_deleteelements.htm">remove</a> it from one section and then add it to the other.</p>
|
||||
<p class="Help-Text" style="margin-top: 0; margin-bottom: 0;"> </p>
|
||||
<p class="Help-Text" style="margin-top: 0; margin-bottom: 0;"> </p>
|
||||
<p class="Related-Topics">Related Topics</p>
|
||||
<p class="Help-Main-Topic-Links"><a href="printdesigner_resize.htm">Resize elements</a></p>
|
||||
<p class="Help-Main-Topic-Links"><a href="printdesigner_sections.htm">About template sections and spacing</a></p>
|
||||
<p class="Help-Main-Topic-Links"><a href="printdesigner_hints.htm">Recommended sequence and tips for modifying templates</a></p>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user