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

70 lines
7.4 KiB
HTML
Raw Normal View History

Update helps.
2017-09-20 08:31:59 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Change text wrapping</title>
<meta charset="utf-8" />
<meta name="description" content="Change the text wrapping style to specify the way the object is positioned relative to the text." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
Change links in DE
2022-03-21 00:34:33 +00:00
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
Added search to the documentation for all editors
2018-01-12 14:52:45 +00:00
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
Update helps.
2017-09-20 08:31:59 +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>
Update help
2020-09-14 12:21:50 +00:00
<h1>Change the text wrapping</h1>
[DE] Update help
2021-04-30 13:51:49 +00:00
<p>The <b>Wrapping Style</b> option determines the way the object is positioned relative to the text. In the <a href="https://www.onlyoffice.com/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, you can change the text wrapping style for inserted objects, such as <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">images</a>, <a href="../UsageInstructions/InsertCharts.htm#" onclick="onhyperlinkclick(this)">charts</a>, <a href="../UsageInstructions/InsertTextObjects.htm" onclick="onhyperlinkclick(this)">text boxes</a> or <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>.</p>
Update helps.
2017-09-20 08:31:59 +00:00
<h3>Change text wrapping for shapes, images, charts, text boxes</h3>
<p>To change the currently selected wrapping style:</p>
<ol>
Update help
2020-09-14 12:21:50 +00:00
<li>left-click a separate object to select it. To select a text box, click on its border, not the text within it.</li>
Update helps.
2017-09-20 08:31:59 +00:00
<li>open the text wrapping settings:
<ul>
Change links in DE
2022-03-21 00:34:33 +00:00
<li>switch to the the <b>Layout</b> tab of the top toolbar and click the arrow next to the <div class = "icon icon-wrapping_toptoolbar"></div> <b>Wrapping</b> icon, or</li>
Update helps.
2017-09-20 08:31:59 +00:00
<li>right-click the object and select the <b>Wrapping Style</b> option from the contextual menu, or</li>
<li>right-click the object, select the <b>Advanced Settings</b> option and switch to the <b>Text Wrapping</b> tab of the object <b>Advanced Settings</b> window.</li>
</ul>
</li>
<li>select the necessary wrapping style:
<ul>
<li>
Change links in DE
2022-03-21 00:34:33 +00:00
<p><div class = "icon icon-wrappingstyle_inline_toptoolbar"></div> <b>Inline</b> - the object is considered to be a part of the text, like a character, so when the text moves, the object moves as well. In this case the positioning options are inaccessible.</p>
Update help
2020-09-14 12:21:50 +00:00
<p>If one of the following styles is selected, the object can be moved independently of the text and precisely positioned on the page:</p>
Update helps.
2017-09-20 08:31:59 +00:00
</li>
Change links in DE
2022-03-21 00:34:33 +00:00
<li><p><div class = "icon icon-wrappingstyle_square_toptoolbar"></div> <b>Square</b> - the text wraps the rectangular box that bounds the object.</p></li>
<li><p><div class = "icon icon-wrappingstyle_tight_toptoolbar"></div> <b>Tight</b> - the text wraps the actual object edges.</p></li>
<li><p><div class = "icon icon-wrappingstyle_through_toptoolbar"></div> <b>Through</b> - the text wraps around the object edges and fills the open white space within the object. To apply this effect, use the <b>Edit Wrap Boundary</b> option from the right-click menu.</p></li>
<li><p><div class = "icon icon-wrappingstyle_topandbottom_toptoolbar"></div> <b>Top and bottom</b> - the text is only above and below the object.</p></li>
<li><p><div class = "icon icon-wrappingstyle_infront_toptoolbar"></div> <b>In front</b> - the object overlaps the text.</p></li>
<li><p><div class = "icon icon-wrappingstyle_behind_toptoolbar"></div> <b>Behind</b> - the text overlaps the object.</p></li>
Update helps.
2017-09-20 08:31:59 +00:00
</ul>
</li>
</ol>
Update help
2020-09-14 12:21:50 +00:00
<p>If you select the <b>Square</b>, <b>Tight</b>, <b>Through</b>, or <b>Top and bottom</b> style, you will be able to set up some additional parameters - <b>Distance from Text</b> at all sides (top, bottom, left, right). To access these parameters, right-click the object, select the <b>Advanced Settings</b> option and switch to the <b>Text Wrapping</b> tab of the object <b>Advanced Settings</b> window. Set the required values and click <b>OK</b>.</p>
Update helps.
2017-09-20 08:31:59 +00:00
<p>If you select a wrapping style other than <b>Inline</b>, the <b>Position</b> tab is also available in the object <b>Advanced Settings</b> window. To learn more on these parameters, please refer to the corresponding pages with the instructions on how to work with <a href="../UsageInstructions/InsertAutoshapes.htm#position" onclick="onhyperlinkclick(this)">shapes</a>, <a href="../UsageInstructions/InsertImages.htm#position" onclick="onhyperlinkclick(this)">images</a> or <a href="../UsageInstructions/InsertCharts.htm#position" onclick="onhyperlinkclick(this)">charts</a>.</p>
Change links in DE
2022-03-21 00:34:33 +00:00
<p>If you select a wrapping style other than <b>Inline</b>, you can also edit the wrap boundary for <b>images</b> or <b>shapes</b>. Right-click the object, select the <b>Wrapping Style</b> option from the contextual menu and click the <b>Edit Wrap Boundary</b> option. You can also use the <b>Wrapping</b> -> <b>Edit Wrap Boundary</b> menu on the <b>Layout</b> tab of the top toolbar. Drag wrap points to customize the boundary. To create a new wrap point, click anywhere on the red line and drag it to the required position. <div class = "big big-wrap_boundary"></div></p>
Update helps.
2017-09-20 08:31:59 +00:00
<h3>Change text wrapping for tables</h3>
[DE] Updated documentation (English)
2018-04-04 15:34:58 +00:00
<p>For <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>, the following two wrapping styles are available: <b>Inline table</b> and <b>Flow table</b>.</p>
Update helps.
2017-09-20 08:31:59 +00:00
<p>To change the currently selected wrapping style:</p>
<ol>
[DE] Documentation update (English)
2018-03-30 11:35:43 +00:00
<li>right-click the table and select the <b>Table Advanced Settings</b> option,</li>
<li>switch to the <b>Text Wrapping</b> tab of the <b>Table - Advanced Settings</b> window,
</li>
<li>
select one of the following options:
Update helps.
2017-09-20 08:31:59 +00:00
<ul>
[DE] Updated documentation (English)
2018-04-04 15:34:58 +00:00
<li><b>Inline table</b> is used to select the wrapping style when the text is broken by the table as well as to set the alignment: left, center, right.</li>
<li><b>Flow table</b> is used to select the wrapping style when the text is wrapped around the table.</li>
Update helps.
2017-09-20 08:31:59 +00:00
</ul>
</li>
</ol>
Update help
2020-09-14 12:21:50 +00:00
<p>Using the <b>Text Wrapping</b> tab of the <b>Table - Advanced Settings</b> window, you can also set up the following additional parameters:</p>
Update helps.
2017-09-20 08:31:59 +00:00
<ul>
<li>For inline tables, you can set the table <b>Alignment</b> type (left, center or right) and <b>Indent from left</b>.</li>
Update help
2020-09-14 12:21:50 +00:00
<li>For floating tables, you can set the <b>Distance from text</b> and the table <b>position</b> on the <a href="../UsageInstructions/InsertTables.htm#position" onclick="onhyperlinkclick(this)">Table Position</a> tab.</li>
Update helps.
2017-09-20 08:31:59 +00:00
</ul>
</div>
</body>
</html>
Reference in a new issue Copy permalink