Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm

232 lines
24 KiB
HTML
Raw Normal View History

webapps added
2016-03-11 00:48:53 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Insert and format your text</title>
<meta charset="utf-8" />
<meta name="description" content="Insert and Format your Text" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
Added search to the documentation for all editors
2018-01-12 14:52:45 +00:00
<script type="text/javascript" src="../search/js/page-search.js"></script>
webapps added
2016-03-11 00:48:53 +00:00
</head>
<body>
<div class="mainpart">
Added search to the documentation for all editors
2018-01-12 14:52:45 +00:00
<div class="search-field">
[DE][PE][SSE] replaced type="search" with type="text" for all the pages of documentation (Chrome search field cross bug)
2018-03-07 08:47:00 +00:00
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
Added search to the documentation for all editors
2018-01-12 14:52:45 +00:00
</div>
webapps added
2016-03-11 00:48:53 +00:00
<h1>Insert and format your text</h1>
<h3>Insert your text</h3>
<p>You can add a new text in three different ways:</p>
<ul>
Update help
2020-11-13 13:35:26 +00:00
<li>Add a text passage within the corresponding text placeholder on the slide layout. To do that, just put the cursor within the placeholder and type in your text or paste it using the <b>Ctrl+V</b> key combination instead of the default text.</li>
<li>Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows you to enter some text within it) or a Text Art object (a text box with a predefined font style and color that allows you to apply some text effects). Depending on the necessary text object type, you can do the following:
Update helps.
2017-09-20 08:31:59 +00:00
<ul>
webapps added
2016-03-11 00:48:53 +00:00
<li>
Update help
2020-11-13 13:35:26 +00:00
to add a text box, click the <img alt="Text Box icon" src="../images/inserttexticon.png" /> <b>Text Box</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
<p class="note"><b>Note</b>: it's also possible to insert a text box by clicking the <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon on the top toolbar and selecting the <img alt="Insert Text autoshape" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group.</p>
webapps added
2016-03-11 00:48:53 +00:00
</li>
Update help
2020-11-13 13:35:26 +00:00
<li>to add a Text Art object, click the <img alt="Text Art icon" src="../images/inserttextarticon.png" /> <b>Text Art</b> icon on the <b>Insert</b> tab of the top toolbar, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
</li>
<li>Add a text passage within an autoshape. Select a shape and start typing your text.</li>
</ul>
<p>Click outside of the text object to apply the changes and return to the slide.</p>
<p>The text within the text object is a part of the latter (when you move or rotate the text object, the text moves or rotates with it).</p>
<p>As an inserted text object represents a rectangular frame (it has invisible text box borders by default) with text in it and this frame is a common autoshape, you can change both the shape and text properties.</p>
Update help
2020-11-13 13:35:26 +00:00
<p>To delete the added text object, click on the text box border and press the <b>Delete</b> key. The text within the text box will also be deleted.</p>
webapps added
2016-03-11 00:48:53 +00:00
<h3>Format a text box</h3>
Update help
2020-11-13 13:35:26 +00:00
<p>Select the text box by clicking on its border to change its properties. When the text box is selected, its borders are displayed as solid (not dashed) lines.</p>
webapps added
2016-03-11 00:48:53 +00:00
<p><img alt="Text box selected" src="../images/textbox_boxselected.png" /></p>
<ul>
Update help
2020-11-13 13:35:26 +00:00
<li>to <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box, use the special handles on the edges of the shape.</li>
Update helps.
2017-09-20 08:31:59 +00:00
<li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
[DE][PE][SSE] Updates to the documentation for version 5.3 release
2019-05-15 11:40:18 +00:00
<li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide, rotate or flip it, arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
Update helps.
2017-08-10 10:05:49 +00:00
<li>to create <b>columns of text</b> within the text box, right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
[PE] Change helps.
2017-02-08 09:27:46 +00:00
<h3 id="formattext">Format the text within the text box</h3>
Update help
2020-11-13 13:35:26 +00:00
<p>Click the text within the text box to change its properties. When the text is selected, the text box borders are displayed as dashed lines.</p>
webapps added
2016-03-11 00:48:53 +00:00
<p><img alt="Text selected" src="../images/textbox_textselected.png" /></p>
Update help
2020-11-13 13:35:26 +00:00
<p class="note"><b>Note</b>: it's also possible to change text formatting when the text box (not the text itself) is selected. In such a case, any changes will be applied to the whole text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to the previously selected part of the text separately.</p>
webapps added
2016-03-11 00:48:53 +00:00
<p><b>Align your text within the text box</b></p>
<p>The text is aligned horizontally in four ways: left, right, center or justified. To do that:</p>
<ol>
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
Update help
2020-11-13 13:35:26 +00:00
<li>drop-down the <b>Horizontal align</b> <img alt="Horizontal align icon" src="../images/horizontalalign.png" />list on the <b>Home</b> tab of the top toolbar,</li>
webapps added
2016-03-11 00:48:53 +00:00
<li>select the alignment type you would like to apply:
<ul>
Update help
2020-11-13 13:35:26 +00:00
<li>the <b>Align text left</b> option <img alt="Align Left icon" src="../images/alignleft.png" /> allows you to line up your text on the left side of the text box (the right side remains unaligned).</li>
<li>the <b>Align text center</b> option <img alt="Align Center icon" src="../images/aligncenter.png" /> allows you to line up your text in the center of the text box (the right and the left sides remains unaligned).</li>
<li>the <b>Align text right</b> option <img alt="Align Right icon" src="../images/alignright.png" /> allows you to line up your text on the right side of the text box (the left side remains unaligned).</li>
<li>the <b>Justify</b> option <img alt="Justify icon" src="../images/justify.png" /> allows you to line up your text both on the left and on the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
</li>
</ol>
Update help
2019-12-19 08:42:10 +00:00
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
webapps added
2016-03-11 00:48:53 +00:00
<p>The text is aligned vertically in three ways: top, middle or bottom. To do that:</p>
<ol>
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
Update help
2020-11-13 13:35:26 +00:00
<li>drop-down the <b>Vertical align</b> <img alt="Vertical align icon" src="../images/verticalalign.png" />list on the <b>Home</b> tab of the top toolbar,</li>
webapps added
2016-03-11 00:48:53 +00:00
<li>select the alignment type you would like to apply:
<ul>
Update help
2020-11-13 13:35:26 +00:00
<li>the <b>Align text to the top</b> option <img alt="Align Top icon" src="../images/aligntop.png" /> allows you to line up your text to the top of the text box.</li>
<li>the <b>Align text to the middle</b> option <img alt="Align Middle icon" src="../images/alignmiddle.png" /> allows you to line up your text in the center of the text box.</li>
<li>the <b>Align text to the bottom</b> option <img alt="Align Bottom icon" src="../images/alignbottom.png" /> allows you to line up your text to the bottom of the text box.</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
</li>
</ol>
<hr />
<p><b>Change the text direction</b></p>
Update help
2020-11-13 13:35:26 +00:00
<p>To <b>Rotate</b> the text within the text box, right-click the text, select the <b>Text Direction</b> option and then choose one of the available options: <b>Horizontal</b> (selected by default), <b>Rotate Text Down</b> (used to set a vertical direction, from top to bottom) or <b>Rotate Text Up</b> (used to set a vertical direction, from bottom to top).</p>
webapps added
2016-03-11 00:48:53 +00:00
<hr />
[PE] Change helps.
2017-02-08 09:27:46 +00:00
<p id="formatfont"><b>Adjust font type, size, color and apply decoration styles</b></p>
Update help
2020-11-13 13:35:26 +00:00
<p>You can select the font type, its size and color as well as apply various font decoration styles using the corresponding icons situated on the <b>Home</b> tab of the top toolbar.</p>
webapps added
2016-03-11 00:48:53 +00:00
<p class="note"><b>Note</b>: in case you want to apply the formatting to the text already present in the presentation, select it with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and apply the formatting.</p>
<table>
<tr>
Feature/update help (#329)
2020-02-05 13:47:18 +00:00
<td width="10%">Font</td>
<td width="15%"><img alt="Font" src="../images/fontfamily.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to select one of the fonts from the list of the available ones. <span class="desktopDocumentFeatures">If the required font is not available in the list, you can download and install it on your operating system, and the font will be available for use in the <em>desktop version</em>.</span></td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
Update helps.
2017-09-20 08:31:59 +00:00
<td>Font size</td>
<td><img alt="Font size" src="../images/fontsize.png" /></td>
Update help
2021-01-14 11:37:06 +00:00
<td>Used to choose from the preset font size values in the dropdown list (the default values are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 and 96). It's also possible to manually enter a custom value up to 300 pt in the font size field. Press <em>Enter</em> to confirm.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
Update help
2021-01-14 11:37:06 +00:00
<tr>
<td>Increment font size</td>
<td><img alt="Increment font size" src="../images/larger.png" /></td>
<td>Used to change the font size making it one point bigger each time the button is pressed.</td>
</tr>
<tr>
<td>Decrement font size</td>
<td><img alt="Decrement font size" src="../images/smaller.png" /></td>
<td>Used to change the font size making it one point smaller each time the button is pressed.</td>
</tr>
webapps added
2016-03-11 00:48:53 +00:00
<tr>
Update helps.
2017-09-20 08:31:59 +00:00
<td>Font color</td>
<td><img alt="Font color" src="../images/fontcolor.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to change the color of the letters/characters in the text. Click the downward arrow next to the icon to <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the color</a>.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
<td>Bold</td>
<td><img alt="Bold" src="../images/bold.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to make the font bold giving it a heavier appearance.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
<td>Italic</td>
<td><img alt="Italic" src="../images/italic.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to make the font slightly slanted to the right.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
<td>Underline</td>
<td><img alt="Underline" src="../images/underline.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to make the text underlined with a line going under the letters.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
<td>Strikeout</td>
<td><img alt="Strikeout" src="../images/strike.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to make the text struck out with a line going through the letters.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
<td>Superscript</td>
<td><img alt="Superscript" src="../images/sup.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to make the text smaller placing it in the upper part of the text line, e.g. as in fractions.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
<tr>
<td>Subscript</td>
<td><img alt="Subscript" src="../images/sub.png" /></td>
Update help
2020-11-13 13:35:26 +00:00
<td>Used to make the text smaller placing it in the lower part of the text line, e.g. as in chemical formulas.</td>
webapps added
2016-03-11 00:48:53 +00:00
</tr>
</table>
<p><b>Set line spacing and change paragraph indents</b></p>
Update help
2020-11-13 13:35:26 +00:00
<p>You can set the line height for the text lines within the paragraph as well as the margins between the current and the previous or the following paragraph.</p>
webapps added
2016-03-11 00:48:53 +00:00
<p><img class="floatleft"alt="Text Settings tab" src="../images/textsettingstab.png" /></p>
<p>To do that,</p>
<ol style="margin-left: 280px;">
Update help
2020-11-13 13:35:26 +00:00
<li>put the cursor within the required paragraph or select several paragraphs with the mouse,</li>
<li>use the corresponding fields of the <img alt="Text settings Icon" src="../images/text_settings_icon.png" /> <b>Text settings</b> tab on the right sidebar to achieve the desired results:
webapps added
2016-03-11 00:48:53 +00:00
<ul>
Обновлены хэлпы.
2016-05-24 14:18:39 +00:00
<li><b>Line Spacing</b> - set the line height for the text lines within the paragraph. You can select among three options: <b>at least</b> (sets the minimum line spacing that is needed to fit the largest font or graphic on the line), <b>multiple</b> (sets line spacing that can be expressed in numbers greater than 1), <b>exactly</b> (sets fixed line spacing). You can specify the necessary value in the field on the right.</li>
<li><b>Paragraph Spacing</b> - set the amount of space between paragraphs.
<ul>
<li><b>Before</b> - set the amount of space before the paragraph.</li>
<li><b>After</b> - set the amount of space after the paragraph.</li>
</ul>
</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
</li>
</ol>
Update help
2019-12-19 08:42:10 +00:00
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
Update help
2020-11-13 13:35:26 +00:00
<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <img alt="Line spacing" src="../images/linespacing.png" /> icon on the <b>Home</b> tab of the top toolbar selecting the required value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
<p>To change the paragraph offset from the left side of the text box, put the cursor within the required paragraph, or select several paragraphs with the mouse and use the respective icons on the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <img alt="Decrease indent" src="../images/decreaseindent.png" /> and <b>Increase indent</b> <img alt="Increase indent" src="../images/increaseindent.png" />.</p>
Update help
2019-12-19 08:42:10 +00:00
<h3 id="textadvancedsettings">Adjust paragraph advanced settings</h3>
Update help
2020-11-13 13:35:26 +00:00
<p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Text Advanced Settings</b> option from the menu. It's also possible to put the cursor within the required paragraph - the <img alt="Text settings Icon" src="../images/text_settings_icon.png" /> <b>Text settings</b> tab will be activated on the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
Update help
2019-12-19 08:42:10 +00:00
<img alt="Paragraph Properties - Indents & Spacing tab" src="../images/textadvancedsettings1.png" />
Update help
2020-11-13 13:35:26 +00:00
<p>The <b>Indents & Spacing</b> tab allows you to:</p>
Update help
2019-12-19 08:42:10 +00:00
<ul>
<li>change the <b>alignment</b> type for the paragraph text,</li>
<li>change the paragraph <b>indents</b> as related to <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">internal margins</a> of the text box,
<ul>
<li><b>Left</b> - set the paragraph offset from the <b>left</b> internal margin of the text box specifying the necessary numeric value,</li>
<li><b>Right</b> - set the paragraph offset from the <b>right</b> internal margin of the text box specifying the necessary numeric value,</li>
<li><b>Special</b> - set an indent for the <b>first line</b> of the paragraph: select the corresponding menu item (<b>(none)</b>, <b>First line</b>, <b>Hanging</b>) and change the default numeric value specified for <b>First Line</b> or <b>Hanging</b>,</li>
</ul>
</li>
<li>change the paragraph <b>line spacing</b>.</li>
</ul>
webapps added
2016-03-11 00:48:53 +00:00
<p>You can also use the horizontal <b>ruler</b> to set indents.</p>
<img alt="Ruler - Indent markers" src="../images/indents_ruler.png" />
<p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
<ul>
<li><b>First Line Indent</b> marker <img alt="First Line Indent marker" src="../images/firstline_indent.png" /> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
<li><b>Hanging Indent</b> marker <img alt="Hanging Indent marker" src="../images/hanging.png" /> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
Update helps.
2017-08-10 10:05:49 +00:00
<li><b>Left Indent</b> marker <img alt="Left Indent marker" src="../images/leftindent.png" /> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
webapps added
2016-03-11 00:48:53 +00:00
<li><b>Right Indent</b> marker <img alt="Right Indent marker" src="../images/right_indent.png" /> is used to set the paragraph offset from the right internal margin of the text box.</li>
</ul>
Update helps.
2017-09-20 08:31:59 +00:00
<p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
webapps added
2016-03-11 00:48:53 +00:00
<img alt="Paragraph Properties - Font tab" src="../images/textadvancedsettings2.png" />
<p>The <b>Font</b> tab contains the following parameters:</p>
<ul>
Update help
2020-11-13 13:35:26 +00:00
<li><b>Strikethrough</b> is used to make the text struck out with a line going through the letters.</li>
<li><b>Double strikethrough</b> is used to make the text struck out with a double line going through the letters.</li>
<li><b>Superscript</b> is used to make the text smaller placing it in the upper part of the text line, e.g. as in fractions.</li>
<li><b>Subscript</b> is used to make the text smaller placing it in the lower part of the text line, e.g. as in chemical formulas.</li>
webapps added
2016-03-11 00:48:53 +00:00
<li><b>Small caps</b> is used to make all letters lower case.</li>
<li><b>All caps</b> is used to make all letters upper case.</li>
[DE][PE][SSE] Updates to the documentation for version 5.3 release
2019-05-15 11:40:18 +00:00
<li><b>Character Spacing</b> is used to set the space between the characters. Increase the default value to apply the <b>Expanded</b> spacing, or decrease the default value to apply the <b>Condensed</b> spacing. Use the arrow buttons or enter the necessary value in the box.
<p>All the changes will be displayed in the preview field below.</p>
</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
<img alt="Paragraph Properties - Tab tab" src="../images/textadvancedsettings3.png" />
Update help
2020-11-13 13:35:26 +00:00
<p>The <b>Tab</b> tab allows you to change tab stops i.e. the position the cursor advances to when you press the <b>Tab</b> key.</p>
webapps added
2016-03-11 00:48:53 +00:00
<ul>
Update help
2019-12-19 08:42:10 +00:00
<li><b>Default Tab</b> is set at 2.54 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</li>
<li><b>Tab Position</b> - is used to set custom tab stops. Enter the necessary value in this box, adjust it more precisely using the arrow buttons and press the <b>Specify</b> button. Your custom tab position will be added to the list in the field below.</li>
<li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> option from the <b>Alignment</b> drop-down list and press the <b>Specify</b> button.
webapps added
2016-03-11 00:48:53 +00:00
<ul>
Update help
2020-11-13 13:35:26 +00:00
<li><b>Left</b> - lines up your text on the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Left Tab Stop marker" src="../images/tabstopleft_marker.png" /> marker.</li>
webapps added
2016-03-11 00:48:53 +00:00
<li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Center Tab Stop marker" src="../images/tabstopcenter_marker.png" /> marker.</li>
Update help
2020-11-13 13:35:26 +00:00
<li><b>Right</b> - lines up your text on the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Right Tab Stop marker" src="../images/tabstopright_marker.png" /> marker.</li>
webapps added
2016-03-11 00:48:53 +00:00
</ul>
Update help
2020-11-13 13:35:26 +00:00
<p>To delete tab stops from the list, select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
webapps added
2016-03-11 00:48:53 +00:00
</li>
</ul>
Update help
2020-11-13 13:35:26 +00:00
<p>To set tab stops, you can also use the horizontal ruler:</p>
webapps added
2016-03-11 00:48:53 +00:00
<ol>
<li>Click the tab selector button <img alt="Left Tab Stop button" src="../images/tabstopleft.png" /> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <img alt="Left Tab Stop button" src="../images/tabstopleft.png" />, <b>Center</b> <img alt="Center Tab Stop button" src="../images/tabstopcenter.png" />, <b>Right</b> <img alt="Right Tab Stop button" src="../images/tabstopright.png" />.</li>
Update help
2020-11-13 13:35:26 +00:00
<li>Click on the bottom edge of the ruler where you want to place the tab stop. Drag it along the ruler to change its position. To remove the added tab stop, drag it out of the ruler.
webapps added
2016-03-11 00:48:53 +00:00
<p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
Update helps.
2017-09-20 08:31:59 +00:00
<p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
webapps added
2016-03-11 00:48:53 +00:00
</li>
</ol>
<h3>Edit a Text Art style</h3>
Update helps.
2017-09-20 08:31:59 +00:00
<p>Select a text object and click the <b>Text Art settings</b> <img alt="Text Art settings icon" src="../images/textart_settings_icon.png" /> icon on the right sidebar.</p>
<p><img alt="Text Art setting tab" src="../images/right_textart.png" /></p>
webapps added
2016-03-11 00:48:53 +00:00
<ul>
<li>Change the applied text style selecting a new <b>Template</b> from the gallery. You can also change the basic style additionally by selecting a different font type, size etc.</li>
<li>Change the font <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a> and <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>. The available options are the same as the ones for autoshapes.</li>
<li>Apply a text effect by selecting the necessary text transformation type from the <b>Transform</b> gallery. You can adjust the degree of the text distortion by dragging the pink diamond-shaped handle.</li>
</ul>
<p><img alt="Text Art Transformation" src="../images/textart_transformation.png" /></p>
</div>
</body>
</html>
Reference in a new issue Copy permalink