web-apps/apps/documenteditor/main/resources/help/en/UsageInstructions/InsertTables.htm

157 lines
14 KiB
HTML
Raw Normal View History

2016-03-11 00:48:53 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Insert tables</title>
<meta charset="utf-8" />
<meta name="description" content="Add a table to your document and adjust its properties" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Insert tables</h1>
2017-02-08 09:11:04 +00:00
<h3>Insert a table</h3>
2016-03-11 00:48:53 +00:00
<p>To insert a table into the document text,</p>
<ol>
<li>place the cursor where you want the table to be put,</li>
<li>click the <b>Insert Table</b> <img alt="Insert Table icon" src="../images/table.png" /> icon at the top toolbar,</li>
<li>select the option to create a table:
<ul>
<li><p>either a table with predefined number of cells (10 by 8 cells maximum)</p>
<p>If you want to quickly add a table, just select the number of rows (8 maximum) and columns (10 maximum).</p></li>
<li><p>or a custom table</p>
<p>In case you need more than 10 by 8 cell table, select the <b>Insert Custom Table</b> option that will open the window where you can enter the necessary number of rows and columns respectively, then click the <b>OK</b> button.</p>
<p><img alt="Custom table" src="../images/customtable.png" /></p>
</li>
</ul>
</li>
<li>once the table is added you can change its properties and position.</li>
</ol>
<hr />
2017-02-08 09:11:04 +00:00
<h3>Adjust table settings</h3>
2016-03-11 00:48:53 +00:00
<p>Some of the table properties as well as its structure can be altered using the right-click menu. The menu options are:</p>
<ul>
<li><b>Cut, Copy, Paste</b> - standard options which are used to cut or copy a selected text/object and paste a previously cut/copied text passage or object to the current cursor position.</li>
<li><b>Select</b> is used to select a row, column, cell, or table.</li>
<li><b>Insert</b> is used to insert a row above or row below the row where the cursor is placed as well as to insert a column at the left or right side from the column where the cursor is placed.</li>
<li><b>Delete</b> is used to delete a row, column or table.</li>
<li><b>Merge Cells</b> is available if two or more cells are selected and is used to merge them.</li>
<li><b>Split Cell...</b> is used to open a window where you can select the needed number of columns and rows the cell will be split in.</li>
<li><b>Cell Vertical Alignment</b> is used to align the text top, center or bottom in the selected cell.</li>
2016-06-20 06:48:10 +00:00
<li><b>Text Direction</b> - is used to change the text orientation in a cell. You can place the text horizontally, vertically from top to bottom (<b>Rotate at 90°</b>), or vertically from bottom to top (<b>Rotate at 270°</b>).</li>
2016-03-11 00:48:53 +00:00
<li><b>Wrapping Style - Inline</b> is used to select the inline style (when the text is broken by the table) as well as the alignment: left, center, right.</li>
<li><b>Wrapping Style - Flow</b> is used to select the flow style when the text is wrapped around the table.</li>
<li><b>Table Advanced Settings</b> is used to open the 'Table - Advanced Settings' window.</li>
<li><b>Hyperlink</b> is used to insert a hyperlink.</li>
2016-06-20 06:48:10 +00:00
<li><b>Paragraph Advanced Settings</b> is used to open the 'Paragraph - Advanced Settings' window.</li>
2016-03-11 00:48:53 +00:00
</ul>
<hr />
<p><img class="floatleft"alt="Right Sidebar - Table Settings" src="../images/right_table.png" /></p>
<p>You can also change the table properties at the right sidebar:</p>
<ul style="margin-left: 280px;">
<li><p><b>Rows</b> and <b>Columns</b> are used to select the table parts that you want to be highlighted.</p>
<p>For rows:</p>
<ul>
<li><i>Header</i> - to highlight the first row</li>
<li><i>Total</i> - to highlight the last row</li>
<li><i>Banded</i> - to highlight every other row</li>
</ul>
<p>For columns:</p>
<ul>
<li><i>First</i> - to highlight the first column</li>
<li><i>Last</i> - to highlight the last column</li>
<li><i>Banded</i> - to highlight every other column</li>
</ul>
</li>
<li><p><b>Select from Template</b> is used to choose a table template from the available ones.</p></li>
<li><p><b>Borders Style</b> is used to select the border size, color, style as well as background color.</p></li>
2017-05-12 12:44:56 +00:00
<li><p><b>Wrapping Style</b> is used to select between two text wrapping styles - inline and flow.</p></li>
2016-03-11 00:48:53 +00:00
<li><p><b>Rows &amp; Columns</b> is used to perform some operations with the table: select, delete, insert rows and columns, merge cells, split a cell.</p></li>
<li><p><b>Repeat as header row at the top of each page</b> is used to insert the same header row at the top of each page in long tables.</p></li>
<li><p><b>Show advanced settings</b> is used to open the 'Table - Advanced Settings' window.</p></li>
</ul>
<hr />
<p>To change the advanced table properties, click the table with the right mouse button and select the <b>Table Advanced Settings</b> option from the right-click menu or use the <b>Show advanced settings</b> link at the right sidebar. The table properties window will open:</p>
2016-06-20 06:48:10 +00:00
<p><img alt="Table - Advanced Settings" src="../images/table_properties_1.png" /></p>
<p>The <b>Table</b> tab allows to change properties of the entire table.</p>
<ul>
<li>The <b>Table Size</b> section contains the following parameters:
<ul>
<li>
<b>Width</b> - by default, the table width is automatically adjusted to fit the page width, i.e. the table occupies all the space between the left and right page margin. You can check this box and specify the necessary table width manually.
</li>
<li><b>Measure in</b> - allows to specify if you want to set the table width in absolute units i.e. <b>Centimeters</b>/<b>Points</b>/<b>Inches</b> (depending on the option specified at the <b>File</b> -> <b>Advanced Settings...</b> tab) or in <b>Percent</b> of the overall page width.
<p class="note"><b>Note</b>: you can also adjust the table size manually changing the row height and column width. Move the mouse cursor over a row/column border until it turns into the bidirectional arrow and drag the border. You can also use the <img alt="Table - Column Width Marker" src="../images/columnwidthmarker.png" /> markers on the horizontal ruler to change the column width and the <img alt="Table - Row Height Marker" src="../images/rowheightmarker.png" /> markers on the vertical ruler to change the row height.</p>
</li>
<li><b>Automatically resize to fit contents</b> - enables automatic change of each column width in accordance with the text within its cells.</li>
</ul>
2016-03-11 00:48:53 +00:00
</li>
2016-06-20 06:48:10 +00:00
<li>The <b>Default Cell Margins</b> section allows to change the space between the text within the cells and the cell border used by default.</li>
<li>The <b>Options</b> section allows to change the following parameter:
<ul>
<li><b>Spacing between cells</b> - the cell spacing which will be filled with the <b>Table Background</b> color.</li>
</ul>
</li>
</ul>
<p><img alt="Table - Advanced Settings" src="../images/table_properties_5.png" /></p>
<p>The <b>Cell</b> tab allows to change properties of individual cells. First you need to select the cell you want to apply the changes to or select the entire table to change properties of all its cells.</p>
<ul>
<li>
The <b>Cell Size</b> section contains the following parameters:
<ul>
<li><b>Preferred width</b> - allows to set a preferred cell width. This is the size that a cell strives to fit to, but in some cases it may not be possible to fit to this exact value. For example, if the text within a cell exceeds the specified width, it will be broken into the next line so that the preferred cell width remains unchanged, but if you insert a new column, the preferred width will be reduced.</li>
<li><b>Measure in</b> - allows to specify if you want to set the cell width in absolute units i.e. <b>Centimeters</b>/<b>Points</b>/<b>Inches</b> (depending on the option specified at the <b>File</b> -> <b>Advanced Settings...</b> tab) or in <b>Percent</b> of the overall table width.
<p class="note"><b>Note</b>: you can also adjust the cell width manually. To make a single cell in a column wider or narrower than the overall column width, select the necessary cell and move the mouse cursor over its right border until it turns into the bidirectional arrow, then drag the border. To change the width of all the cells in a column, use the <img alt="Table - Column Width Marker" src="../images/columnwidthmarker.png" /> markers on the horizontal ruler to change the column width.</p>
</li>
</ul>
</li>
<li>The <b>Cell Margins</b> section allows to adjust the space between the text within the cells and the cell border. By default, standard values are used (the default values can also be altered at the <b>Table</b> tab), but you can uncheck the <b>Use default margins</b> box and enter the necessary values manually.</li>
<li>
The <b>Cell Options</b> section allows to change the following parameter:
<ul>
<li>The <b>Wrap text</b> option is enabled by default. It allows to wrap text within a cell that exceeds its width onto the next line expanding the row height and keeping the column width unchanged.</li>
</ul>
</li>
</ul>
<p><img alt="Table - Advanced Settings" src="../images/table_properties_3.png" /></p>
<p>The <b>Borders &amp; Background</b> tab contains the following parameters:</p>
<ul>
<li>
<b>Border</b> parameters (size, color and presence or absence) - set the border size, select its color and choose the way it will be displayed in the cells.
<p class="note">
<b>Note</b>: in case you select not to show table borders clicking the <img alt="No borders" src="../images/noborders.png" /> button or deselecting all the borders manually on the diagram, they will be indicated by a dotted line in the document.
To make them disappear at all, click the <b>Nonprinting Characters</b> <img alt="Nonprinting Characters" src="../images/nonprintingcharacters.png" /> icon at the top toolbar and select the <b>Hidden Table Borders</b> option.
</p>
</li>
<li><b>Cell Background</b> - the color for the background within the cells (available only if one or more cells are selected or the <b>Allow spacing between cells</b> option is selected at the <b>Table</b> tab).</li>
<li><b>Table Background</b> - the color for the table background or the space background between the cells in case the <b>Allow spacing between cells</b> option is selected at the <b>Table</b> tab.</li>
</ul>
<p><img alt="Table - Advanced Settings" src="../images/table_properties_4.png" /></p>
<p>The <b>Table Position</b> tab is available only if the <b>Flow</b> option at the <b>Text Wrapping</b> tab is selected and contains the following parameters:</p>
2016-03-11 00:48:53 +00:00
<ul>
<li><b>Horizontal</b> parameters include the table <b>alignment</b> (left, center, right) <b>relative to</b> margin, page or text as well as the table <b>position to the right of</b> margin, page or text.</li>
<li><b>Vertical</b> parameters include the table <b>alignment</b> (top, center, bottom) <b>relative to</b> margin, page or text as well as the table <b>position below</b> margin, page or text.</li>
2016-06-20 06:48:10 +00:00
<li>The <b>Options</b> section allows to change the following parameters:
<ul>
<li><b>Move object with text</b> controls whether the table moves as the text into which it is inserted moves.</li>
<li><b>Allow overlap</b> controls whether two tables are merged into one large table or overlap if you drag them near each other on the page.</li>
</ul>
</li>
</ul>
<p><img alt="Table - Advanced Settings" src="../images/table_properties_2.png" /></p>
<p>The <b>Text Wrapping</b> tab contains the following parameters:</p>
<ul>
<li>Text <b>wrapping style</b> - <b>Inline</b> or <b>Flow</b>. Use the necessary option to change the way the table is positioned relative to the text: it will either be a part of the text (in case you select the inline style) or bypassed by it from all sides (if you select the flow style).</li>
<li>
After you select the wrapping style, the additional wrapping parameters can be set both for inline and flow wrapping style:
<ul>
<li>For the inline style, you can specify the table <b>alignment</b> and <b>indent from left</b>.</li>
<li>For the flow style, you can specify the <b>distance from text</b> and table <b>position</b> at the <b>Table Position</b> tab.</li>
</ul>
</li>
</ul>
2017-05-12 12:44:56 +00:00
<p><img alt="Table - Advanced Settings" src="../images/table_properties_6.png" /></p>
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the table.</p>
2016-03-11 00:48:53 +00:00
</div>
</body>
</html>