Updated English.
This commit is contained in:
trovier
parent
87c567fab6
commit
5485e909d9
@ -388,7 +388,7 @@
|
||||
<li><b>Autoscale</b> - check this box to autoscale the depth and height values of the chart, or uncheck this box to set the depth and height values manually.</li>
|
||||
<li><b>Depth (% of base)</b> - set the required depth value using the keyboard or via the arrows.</li>
|
||||
<li><b>Height (% of base)</b> - set the required height value using the keyboard or via the arrows.</li>
|
||||
<li><b>Default Rotation - set the 3D parameters to their default.</b>
|
||||
<li><b>Default Rotation</b> - set the 3D parameters to their default.
|
||||
<p class="note">Please note that you cannot edit each element of the chart; the settings will be applied to the chart as a whole.</p></li>
|
||||
</ul>
|
||||
<hr />
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<title>Insert SmartArt objects</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Insert and SmartArt graphics"/>
|
||||
<meta name="description" content="Insert SmartArt objects"/>
|
||||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
@ -27,10 +27,10 @@
|
||||
<img alt="" src="../images/smartart_settings.png" />
|
||||
<ul>
|
||||
<li>
|
||||
<b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
|
||||
<b>Fill</b> - use this section to select the SmartArt object fill. You can choose the following options:
|
||||
<ul>
|
||||
<li>
|
||||
<b>Color Fill</b> - select this option to specify the solid color to fill the inner space of the selected autoshape.
|
||||
<b>Color Fill</b> - select this option to specify the solid color to fill the inner space of the selected SmartArt object.
|
||||
<p><img alt="Color Fill" src="../images/fill_color.png" /></p>
|
||||
<p id="color">Click the colored box below and select the necessary color from the available <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color sets</a> or specify any color you like:</p>
|
||||
</li>
|
||||
|
||||
@ -41,10 +41,12 @@
|
||||
<ol>
|
||||
<li>in the list of the existing slides on the left, select a slide or multiple slides you need to copy,</li>
|
||||
<li>press the <b>Ctrl+C</b> key combination,</li>
|
||||
<li>in the slide list, select the slide after which the copied slide should be pasted.</li>
|
||||
<li>
|
||||
in the slide list, select the slide after which the copied slide should be pasted.
|
||||
press the <b>Ctrl+V</b> key combination.
|
||||
<p>Once the copied slide is pasted, the <b>Paste Special</b> button appears next to the inserted slide. Click this button to select the necessary paste option or use the <em>Ctrl</em> key in combination with the letter key given in the brackets next to the option.</p>
|
||||
<p>The following <b>Paste Special</b> options are available:
|
||||
<p>
|
||||
The following <b>Paste Special</b> options are available:
|
||||
<ul>
|
||||
<li><em>Use destination theme (Ctrl+H)</em> - allows applying the formatting specified by the theme of the current presentation. This option is used by default.</li>
|
||||
<li><em>Keep source formatting (Ctrl+K)</em> - allows keeping the source formatting of the copied slide.</li>
|
||||
@ -52,7 +54,6 @@
|
||||
</ul>
|
||||
</p>
|
||||
</li>
|
||||
<li>press the <b>Ctrl+V</b> key combination.</li>
|
||||
</ol>
|
||||
<p><b>To move existing slides:</b></p>
|
||||
<ol>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Support of SmartArt in ONLYOFFICE Presentation Editor</title>
|
||||
<title>Insert SmartArt objects in ONLYOFFICE Presentation Editor</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Edit SmartArt graphics that were added using third-party editors" />
|
||||
<meta name="description" content="Insert SmartArt objects" />
|
||||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||||
<script type="text/javascript" src="../callback.js"></script>
|
||||
@ -14,30 +14,89 @@
|
||||
<div class="search-field">
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Support of SmartArt in ONLYOFFICE Presentation Editor</h1>
|
||||
<p><b>SmartArt graphics</b> are used to create a visual representation of a hierarchical structure by choosing a layout that fits best. <b>ONLYOFFICE Presentation Editor</b> supports SmartArt graphics that were inserted using third-party editors. You can open a file containing <b>SmartArt</b> and edit it as a graphic object using the available editing tools. Once you click the <b>SmartArt</b> graphic border or the border of its element, the following tabs become active on the right sidebar to customize a layout:</p>
|
||||
<p><b>Slide settings</b> to change the slide background fill, opacity, and to show or to hide slide number, date and time. See <a href="../UsageInstructions/setslideparameters.htm" onclick="onhyperlinkclick(this)"><b>Set Slide Parameters</b></a> and <a href="../UsageInstructions/InsertHeadersFooters.htm" onclick="onhyperlinkclick(this)"><b>Insert footers</b></a> for details.</p>
|
||||
<p><a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)"><b>Shape settings</b></a> to configure the shapes used on a layout. You can change shapes, edit the fill, the lines, the wrapping style, the position, the weights and arrows, the text box and the alternative text.</p>
|
||||
<p><b>Paragraph settings</b> to configure indents and spacing, fonts and tabs. See <a href="https://helpcenter.onlyoffice.com/userguides/docs-pe.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Text formatting</b></a> section for a detailed description of every option. This tab becomes active for <b>SmartArt</b> elements only.</p>
|
||||
<p>
|
||||
<a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)"><b>Text Art settings</b></a> to configure the <b>Text Art style</b> that is used in a <b>SmartArt</b> graphic to highlight the text. You can change the <b>Text Art</b> template, the fill type, color and opacity, the line size, color and type. This tab becomes active for <b>SmartArt</b> elements only.
|
||||
</p>
|
||||
<p>Right-click the border of a <b>SmartArt</b> graphic or its element to access the following formatting options:</p>
|
||||
<p><img alt="SmartArt Menu" src="../images/smartart_rightclick.png" /></p>
|
||||
<p><a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)"><b>Arrange</b></a> to arrange the objects using the following options: <b>Bring to Foreground</b>, <b>Send to Background</b>, <b>Bring Forward</b> and <b>Bring Backward</b> are available for <b>SmartArt</b>. <b>Group</b> and <b>Ungroup</b> are available for the SmartArt elements and depend on whether they are grouped or not.</p>
|
||||
<p><a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)"><b>Align</b></a> to align the graphic or the objects using the following options: <b>Aligh Left</b>, <b>Align Center</b>, <b>Align Right</b>, <b>Align Top</b>, <b>Align Middle</b>, <b>Align Bottom</b>, <b>Distribute Horizontally</b>, and <b>Distribute Vertically</b>.</p>
|
||||
<p><a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)"><b>Rotate</b></a> to choose the rotation direction for the selected element on a <b>SmartArt</b> graphic: <b>Rotate 90° Clockwise</b>, <b>Rotate 90° Counterclockwise</b>.The <b>Rotate</b> option becomes active for <b>SmartArt</b> elements only.</p>
|
||||
<p><a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)"><b>Shape Advanced Settings</b></a> to access additional shape formatting options.</p>
|
||||
<p><a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)"><b>Add Comment</b></a> to leave a comment to a certain SmartArt graphic or its element,</p>
|
||||
<p><a href="../UsageInstructions/setslideparameters.htm" onclick="onhyperlinkclick(this)"><b>Add to layout</b></a> to add the <b>SmartArt</b> graphic to the slide layout.
|
||||
|
||||
<p>Right-click a <b>SmartArt</b> graphic element to access the following text formatting options: </p>
|
||||
<p><img alt="SmartArt Menu" src="../images/smartart_rightclick2.png" /></p>
|
||||
<p><b>Vertical Alignment</b> to choose the text alignment inside the selected <b>SmarArt</b> element: <b>Align Top</b>, <b>Align Middle</b>, <b>Align Bottom</b>.</p>
|
||||
<p><b>Text Direction</b> to choose the text direction inside the selected <b>SmarArt element</b>: <b>Horizontal</b>, <b>Rotate Text Down</b>, <b>Rotate Text Up</b>.</p>
|
||||
<p><a href="https://helpcenter.onlyoffice.com/userguides/docs-de.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Paragraph Advanced Settings</b></a> to access additional paragraph formatting options.</p>
|
||||
<p><a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)"><b>Add Comment</b></a> to leave a comment to a certain SmartArt graphic or its element.</p>
|
||||
<p><a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)"><b>Hyperlink</b></a> to add a hyperlink to the <b>SmartArt</b> element.
|
||||
<h1>Insert SmartArt objects</h1>
|
||||
<p><b>SmartArt graphics</b> are used to create a visual representation of a hierarchical structure by choosing a layout that fits best. Insert SmartArt objects or edit the ones added in third-party editors.</p>
|
||||
<p>To <b>insert</b> a SmartArt object,</p>
|
||||
<ol>
|
||||
<li>go to the <b>Insert</b> tab,</li>
|
||||
<li>click the <b>SmartArt</b> button,</li>
|
||||
<li>hover over one of the available layout styles, e.g., <em>List</em> or <em>Process</em>,</li>
|
||||
<li>choose one of the available layout types from the list appeared to the right of the highlighted menu item.</li>
|
||||
</ol>
|
||||
<p>You can <b>customize</b> the SmartArt settings in the right panel:</p>
|
||||
<img alt="" src="../images/smartart_settings.png" />
|
||||
<ul>
|
||||
<li>
|
||||
<b>Fill</b> - use this section to select the SmartArt object fill. You can choose the following options:
|
||||
<ul>
|
||||
<li>
|
||||
<b>Color Fill</b> - select this option to specify the solid color to fill the inner space of the selected SmartArt object.
|
||||
<p><img alt="Color Fill" src="../images/fill_color.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
<b>Gradient Fill</b> - use this option to fill the shape with two or more fading colors. Customize your gradient fill with no constraints. Click the <b>Shape settings</b> <div class="icon icon-shape_settings_icon"></div> icon to open the <b>Fill</b> menu on the right sidebar:
|
||||
<p><img alt="Gradient Fill" src="../images/fill_gradient.png" /></p>
|
||||
<p>Available menu options:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Style</b> - choose between <b>Linear</b> or <b>Radial</b>:
|
||||
<ul>
|
||||
<li><b>Linear</b> is used when you need your colors to flow from left-to-right, top-to-bottom, or at any angle you chose in a single direction. The <b>Direction</b> preview window displays the selected gradient color, click the arrow to choose a preset gradient direction. Use <b>Angle</b> settings for a precise gradient angle.</li>
|
||||
<li><b>Radial</b> is used to move from the center as it starts at a single point and emanates outward.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Gradient Point</b> is a specific point for transition from one color to another.
|
||||
<ul>
|
||||
<li>Use the <div class="icon icon-addgradientpoint"></div> <b>Add Gradient Point</b> button or slider bar to add a gradient point. You can add up to 10 gradient points. Each next gradient point added will in no way affect the current gradient fill appearance. Use the <div class="icon icon-removegradientpoint"></div> <b>Remove Gradient Point</b> button to delete a certain gradient point.</li>
|
||||
<li>Use the slider bar to change the location of the gradient point or specify <b>Position</b> in percentage for precise location.</li>
|
||||
<li>To apply a color to a gradient point, click a point on the slider bar, and then click <b>Color</b> to choose the color you want.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Picture or Texture</b> - select this option to use an image or a predefined texture as the SmartArt object background.
|
||||
<p><img alt="Picture or Texture Fill" src="../images/fill_picture.png" /></p>
|
||||
<ul>
|
||||
<li>If you wish to use an image as a background for the SmartArt object, you can add an image <b>From File</b> by selecting it on your computer hard disc drive, <b>From URL</b> by inserting the appropriate URL address into the opened window, or <b>From Storage</b> by selecting the required image stored on your portal.</li>
|
||||
<li>
|
||||
If you wish to use a texture as a background for the SmartArt object, open the <b>From Texture</b> menu and select the necessary texture preset.
|
||||
<p>Currently, the following textures are available: canvas, carton, dark fabric, grain, granite, grey paper, knit, leather, brown paper, papyrus, wood.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
In case the selected <b>Picture</b> has less or more dimensions than the SmartArt object has, you can choose the <b>Stretch</b> or <b>Tile</b> setting from the dropdown list.
|
||||
<p>The <b>Stretch</b> option allows you to adjust the image size to fit the SmartArt object size so that it could fill the space completely.</p>
|
||||
<p>The <b>Tile</b> option allows you to display only a part of the bigger image keeping its original dimensions or repeat the smaller image keeping its original dimensions over the SmartArt object surface so that it could fill the space completely.</p>
|
||||
<p class="note"><b>Note</b>: any selected <b>Texture</b> preset fills the space completely, but you can apply the <b>Stretch</b> effect if necessary.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Pattern</b> - select this option to fill the SmartArt object with a two-colored design composed of regularly repeated elements.
|
||||
<p><img alt="Pattern Fill" src="../images/fill_pattern.png" /></p>
|
||||
<ul>
|
||||
<li><b>Pattern</b> - select one of the predefined designs from the menu.</li>
|
||||
<li><b>Foreground color</b> - click this color box to change the color of the pattern elements.</li>
|
||||
<li><b>Background color</b> - click this color box to change the color of the pattern background.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
|
||||
<li>
|
||||
<b>Line</b> - use this section to change the width, color or type of the SmartArt object line.
|
||||
<ul>
|
||||
<li>To change the line width, select one of the available options from the <b>Size</b> dropdown list. The available options are: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. Alternatively, select the <b>No Line</b> option if you don't want to use any line.</li>
|
||||
<li>To change the line <b>color</b>, click on the colored box below and select the necessary color.</li>
|
||||
<li>To change the line <b>type</b>, select the necessary option from the corresponding dropdown list (a solid line is applied by default, you can change it to one of the available dashed lines).</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Show shadow</b> - check this box to make the SmartArt object cast a shadow.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Click the <b>Show advanced settings</b> link to open the <a href="../UsageInstructions/InsertAutoshapes.htm#autoshape_advanced" onclick="onhyperlinkclick(this)">advanced settings</a>.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
@ -19,13 +19,16 @@
|
||||
<h2 id="step1">Step 1. Importing the file</h2>
|
||||
<ol>
|
||||
<li>Click the <b>Get data</b> option on the <b>Data</b> tab.</li>
|
||||
<li>Choose one of the two importing options:
|
||||
<li>Choose one of the importing options:
|
||||
<ul>
|
||||
<li><b>From local TXT/CSV</b>: find the needed file on your hard drive, select it and click <b>Open</b>.</li>
|
||||
<li><b>From TXT/CSV web address</b>: paste the link to the file or web page into the <b>Paste a data URL</b> field and click <b>OK</b>.
|
||||
<li><b>From Local TXT/CSV</b>: find the needed file on your hard drive, select it and click <b>Open</b>.</li>
|
||||
<li><b>From TXT/CSV Web Address</b>: paste the link to the file or web page into the <b>Paste a data URL</b> field and click <b>OK</b>.
|
||||
<p class="note">
|
||||
A link for viewing or editing a file stored on the ONLYOFFICE portal or in a third-party storage cannot be used in this case. Please use the link to <b>download</b> the file.
|
||||
</p>
|
||||
</li>
|
||||
<li><b>From Local XML</b>: find the needed file on your hard drive, select it and click <b>Open</b>.
|
||||
<p class="note">Currently, only XML spreadsheet 2003 is supported.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user