All editors fixes.
This commit is contained in:
trovier
parent
3e1871e378
commit
4bc212d0fb
@ -99,6 +99,7 @@
|
||||
<div class="block_of_step">
|
||||
<div class="screen_text">
|
||||
<p>Images can have alternative text description (see corresponding articles for <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertImages.aspx">Document</a> / <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Spreadsheet-Editor/UsageInstructions/InsertImages.aspx">Spreadsheet</a> / <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Presentation-Editor/UsageInstructions/InsertImages.aspx">Presentation</a> Editor).</p>
|
||||
<p>SmartArt objects, colors on the palettes, autoshapes, charts, and symbols have alternative text description.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
<p>
|
||||
The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current document.
|
||||
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%)
|
||||
or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons.
|
||||
or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons. The set scaling is maintained for future sessions.
|
||||
Click the <b>Fit to Width</b> <span class="icon icon-fitwidth"></span> icon to fit the document page width to the visible part of the working area.
|
||||
To fit the whole document page to the visible part of the working area, click the <b>Fit to Page</b> <span class="icon icon-fitpage"></span> icon.
|
||||
Zoom settings are also available on the <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a> tab.
|
||||
|
||||
@ -73,7 +73,7 @@
|
||||
<li>
|
||||
<b>Edit Points</b> is used to customize or to change the curvature of your shape.
|
||||
<ol>
|
||||
<li>To activate a shape’s editable anchor points, right-click the shape and choose <b>Edit Points</b> from the menu. The black squares that become active are the points where two lines meet, and the red line outlines the shape. Click and drag it to reposition the point, and to change the shape outline.</li>
|
||||
<li>To activate a shape’s editable anchor points, right-click the shape and choose <b>Edit Points</b> from the menu or click the <b>Edit shape</b> > <b>Edit points</b> option on the right panel. The black squares that become active are the points where two lines meet, and the red line outlines the shape. Click and drag it to reposition the point, and to change the shape outline.</li>
|
||||
<li>
|
||||
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
|
||||
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
|
||||
@ -179,7 +179,25 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Wrapping Style</b> - use this section to select a text wrapping style from the available ones - inline, square, tight, through, top and bottom, in front, behind (for more information see the advanced settings description below).</li>
|
||||
<li><b>Change Autoshape</b> - use this section to replace the current autoshape with another one selected from the dropdown list.</li>
|
||||
<li><b>Edit shape</b> - use this section to edit the shape points or to replace the current autoshape with another one selected from the dropdown list.
|
||||
<ul>
|
||||
<li>
|
||||
<b>Edit points</b> is used to customize or to change the curvature of your shape.
|
||||
<ol>
|
||||
<li>
|
||||
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
|
||||
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
As long as the anchor points are active, you can add and delete them.
|
||||
<p><b>To add a point to a shape</b>, hold <b>Ctrl</b> and click the position where you want to add an anchor point.</p>
|
||||
<p><b>To delete a point</b>, hold <b>Ctrl</b> and click the unnecessary point.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><b>Change Shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Show shadow</b> - check this option to display the shape with a shadow.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
|
||||
@ -29,7 +29,8 @@
|
||||
<p>The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</p>
|
||||
</li>
|
||||
<li>click the <b>Equation Settings</b> symbol in the toolbar above the inserted equation to access more settings, e.g., <em>Unicode</em> or <em>LaTeX</em>, <em>Professional</em> or <em>Linear</em>, and <em>Change to Inline</em>,</li>
|
||||
<li>click the certain symbol/equation in the corresponding set of templates.</li>
|
||||
<li>click the certain symbol/equation in the corresponding set of templates,</li>
|
||||
<li>to hide the toolbar, click the <b>Hide Equation Toolbar</b> option in the <b>Equation Settings</b>.</li>
|
||||
</ol>
|
||||
<p><img alt="equation toolbar" src="../images/equationtoolbar.png" /></p>
|
||||
<p>The selected symbol/equation box will be inserted at the cursor position. If the selected line is empty, the equation will be centered. To align such an equation to the left or to the right, click on the equation box and use the <span class = "icon icon-alignleft"></span> or <span class = "icon icon-alignright"></span> icon on the <b>Home</b> tab of the top toolbar.</p>
|
||||
|
||||
@ -32,7 +32,8 @@
|
||||
<p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window2.png" /></p>
|
||||
<p>The previously used symbols are also displayed in the <b>Recently used symbols</b> field,</p>
|
||||
</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the document.</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the document,</li>
|
||||
<li>to insert a popular or a recently used symbol, click the arrow below the <div class="icon icon-insert_symbol_icon"></div> <b>Symbol</b> icon. The most recent symbols will appear at the beginning of the list.</li>
|
||||
</ul>
|
||||
|
||||
<h2>Insert ASCII symbols</h2>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.6 KiB |
@ -45,7 +45,7 @@
|
||||
<p>
|
||||
The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current presentation.
|
||||
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%)
|
||||
or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons.
|
||||
or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons. The set scaling is maintained for future sessions.
|
||||
Click the <b>Fit to Width</b> <span class="icon icon-fitwidth"></span> icon to fit the slide width to the visible part of the working area.
|
||||
To fit the whole slide to the visible part of the working area, click the <b>Fit to Slide</b> <span class="icon icon-fitslide"></span> icon.
|
||||
Zoom settings are also available on the <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a> tab.
|
||||
|
||||
@ -56,6 +56,32 @@
|
||||
</ol>-->
|
||||
<hr />
|
||||
<h3>Adjust autoshape settings</h3>
|
||||
<p id="shape_rightclickmenu">To align and arrange autoshapes, use the <b>right-click menu</b>. The menu options are:</p>
|
||||
<ul>
|
||||
<li><b>Cut, Copy, Paste</b> - standard options which are used to cut or copy the selected text/object and paste the previously cut/copied text passage or object to the current cursor position.</li>
|
||||
<li><b>Arrange</b> is used to bring the selected autoshape to foreground, send it to background, move forward or backward as well as group or ungroup shapes to perform operations with several of them at once. To learn more on how to arrange objects, please refer to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">this page</a>.</li>
|
||||
<li><b>Align</b> is used to align the shape to the left, in the center, to the right, at the top, in the middle, at the bottom. To learn more on how to align objects, please refer to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">this page</a>.</li>
|
||||
<li><b>Rotate</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically.</li>
|
||||
<li><b>Save as picture</b> is used to save the shape as a picture on your hard drive.</li>
|
||||
<li>
|
||||
<b>Edit Points</b> is used to customize or to change the curvature of your shape.
|
||||
<ol>
|
||||
<li>To activate a shape’s editable anchor points, right-click the shape and choose <b>Edit Points</b> from the menu or click the <b>Edit shape</b> > <b>Edit points</b> option on the right panel. The black squares that become active are the points where two lines meet, and the red line outlines the shape. Click and drag it to reposition the point, and to change the shape outline.</li>
|
||||
<li>
|
||||
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
|
||||
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
As long as the anchor points are active, you can add and delete them.
|
||||
<p><b>To add a point to a shape</b>, hold <b>Ctrl</b> and click the position where you want to add an anchor point.</p>
|
||||
<p><b>To delete a point</b>, hold <b>Ctrl</b> and click the unnecessary point.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><b>Shape Advanced Settings</b> is used to open the 'Shape - Advanced Settings' window.</li>
|
||||
<li><b>Add to layout</b> is used to merge the autoshape with the background layout of the slide.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<p>Some of the autoshape settings can be altered using the <b>Shape settings</b> tab of the right sidebar. To activate it, click the autoshape and choose the <b>Shape settings</b> <span class="icon icon-shape_settings_icon"></span> icon on the right. Here you can change the following properties:</p>
|
||||
<p><img class="floatleft" alt="Shape settings tab" src="../images/shapesettingstab.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
@ -88,7 +114,26 @@
|
||||
<li><div class="icon icon-flipupsidedown"></div> to flip the shape vertically (upside down)</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Change Autoshape</b> - use this section to replace the current autoshape with another one selected from the dropdown list.</li>
|
||||
<li>
|
||||
<b>Edit shape</b> - use this section to edit the shape points or to replace the current autoshape with another one selected from the dropdown list.
|
||||
<ul>
|
||||
<li>
|
||||
<b>Edit points</b> is used to customize or to change the curvature of your shape.
|
||||
<ol>
|
||||
<li>
|
||||
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
|
||||
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
As long as the anchor points are active, you can add and delete them.
|
||||
<p><b>To add a point to a shape</b>, hold <b>Ctrl</b> and click the position where you want to add an anchor point.</p>
|
||||
<p><b>To delete a point</b>, hold <b>Ctrl</b> and click the unnecessary point.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><b>Change Shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Show shadow</b> - check this option to display shape with shadow.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
|
||||
@ -29,7 +29,8 @@
|
||||
<p>The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</p>
|
||||
</li>
|
||||
<li>click the <b>Equation Settings</b> symbol in the toolbar above the inserted equation to access more settings, e.g., <em>Unicode</em> or <em>LaTeX</em>, <em>Professional</em> or <em>Linear</em>, and <em>Change to Inline</em>,</li>
|
||||
<li>click the certain symbol/equation in the corresponding set of templates.</li>
|
||||
<li>click the certain symbol/equation in the corresponding set of templates,</li>
|
||||
<li>to hide the toolbar, click the <b>Hide Equation Toolbar</b> option in the <b>Equation Settings</b>.</li>
|
||||
</ol>
|
||||
<p><img alt="equation toolbar" src="../images/equationtoolbar.png" /></p>
|
||||
<p>The selected symbol/equation box will be inserted in the center of the current slide.</p>
|
||||
|
||||
@ -21,7 +21,12 @@
|
||||
<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>
|
||||
<li>
|
||||
choose one of the available layout types from the list appeared to the right of the highlighted menu item.
|
||||
<p>or</p>
|
||||
</li>
|
||||
<li>click a placeholder <b>Insert SmartArt</b> on an empty slide,</li>
|
||||
<li>proceed as per steps 3 and 4 above.</li>
|
||||
</ol>
|
||||
<p>You can save the SmartArt object as picture on your hard drive using the <b>Save as picture</b> option in the right-click menu.</p>
|
||||
<p>You can <b>customize</b> the SmartArt settings in the right panel:</p>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<li>place the cursor where a special symbol should be inserted,</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
click the <div class = "icon icon-insert_symbol_icon"></div> <b>Symbol</b>,
|
||||
click the <div class="icon icon-insert_symbol_icon"></div> <b>Symbol</b>,
|
||||
<p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window.png" /></p>
|
||||
</li>
|
||||
<li>The <b>Symbol</b> dialog box will appear, and you will be able to select the required symbol,</li>
|
||||
@ -32,7 +32,8 @@
|
||||
<p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window2.png" /></p>
|
||||
<p>The previously used symbols are also displayed in the <b>Recently used symbols</b> field,</p>
|
||||
</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the presentation.</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the presentation,</li>
|
||||
<li>to insert a popular or a recently used symbol, click the arrow below the <div class="icon icon-insert_symbol_icon"></div> <b>Symbol</b> icon. The most recent symbols will appear at the beginning of the list.</li>
|
||||
</ul>
|
||||
|
||||
<h2>Insert ASCII symbols</h2>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.0 KiB |
@ -67,7 +67,7 @@
|
||||
<p>click the appropriate <b>Sheet Tab</b> next to <span class="icon icon-list_worksheets"></span> button.</p>
|
||||
<p>
|
||||
The <b>Zoom</b> buttons are situated in the lower right corner and are used to zoom in and out of the current sheet.
|
||||
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%) or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons. The Zoom settings are also available on the <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a> tab.
|
||||
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%) or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons. The Zoom settings are also available on the <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a> tab. The set scaling is maintained for future sessions.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -46,6 +46,32 @@
|
||||
</ol>-->
|
||||
<hr />
|
||||
<h3>Adjust the autoshape settings</h3>
|
||||
<p id="shape_rightclickmenu">To align and arrange autoshapes, use the <b>right-click menu</b>. The menu options are:</p>
|
||||
<ul>
|
||||
<li><b>Cut, Copy, Paste</b> - standard options which are used to cut or copy the selected text/object and paste the previously cut/copied text passage or object to the current cursor position.</li>
|
||||
<li><b>Arrange</b> is used to bring the selected autoshape to foreground, send it to background, move forward or backward as well as group or ungroup shapes to perform operations with several of them at once. To learn more on how to arrange objects, please refer to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">this page</a>.</li>
|
||||
<li><b>Align</b> is used to align the shape to the left, in the center, to the right, at the top, in the middle, at the bottom. To learn more on how to align objects, please refer to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">this page</a>.</li>
|
||||
<li><b>Rotate</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically.</li>
|
||||
<li><b>Assign Macro</b> is used to provide a quick and easy access to a macro within a spreadsheet by assigning a macro to any shape. Once you assign a macro, the shape appears as a button control and you can run the macro whenever you click it. To learn more, please refer to the <b>Assign a Macro to a Shape</b> section of this guide.</li>
|
||||
<li><b>Save as picture</b> is used to save the shape as a picture on your hard drive.</li>
|
||||
<li>
|
||||
<b>Edit Points</b> is used to customize or to change the curvature of your shape.
|
||||
<ol>
|
||||
<li>To activate a shape’s editable anchor points, right-click the shape and choose <b>Edit Points</b> from the menu or click the <b>Edit shape</b> > <b>Edit points</b> option on the right panel. The black squares that become active are the points where two lines meet, and the red line outlines the shape. Click and drag it to reposition the point, and to change the shape outline.</li>
|
||||
<li>
|
||||
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
|
||||
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
As long as the anchor points are active, you can add and delete them.
|
||||
<p><b>To add a point to a shape</b>, hold <b>Ctrl</b> and click the position where you want to add an anchor point.</p>
|
||||
<p><b>To delete a point</b>, hold <b>Ctrl</b> and click the unnecessary point.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><b>Shape Advanced Settings</b> is used to open the 'Shape - Advanced Settings' window.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<p>Some of the autoshape settings can be changed using the <b>Shape settings</b> tab on the right sidebar that will open if you select the inserted autoshape with the mouse and click the <b>Shape settings</b> <span class="icon icon-shape_settings_icon"></span> icon. The following settings can be changed:</p>
|
||||
<ul>
|
||||
<li id="shape_fill">
|
||||
@ -126,126 +152,145 @@
|
||||
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p><img class="floatleft" alt="Autoshape Settings tab" src="../images/right_autoshape.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Opacity</b> - use this section to set the <b>Opacity</b> level by dragging the slider or entering the percent value manually. The default value is <b>100%</b>. It means full opacity. The <b>0%</b> value means full transparency.</li>
|
||||
<li id="shape_stroke">
|
||||
<b>Line</b> - use this section to change the width, color or type of the autoshape line.
|
||||
<ul>
|
||||
<li>To change the line <b>width</b>, 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>
|
||||
<li>To change the line <b>opacity</b>, enter the required value manually or use the corresponding slider bar.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Rotation</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically. Click one of the buttons:
|
||||
<ul>
|
||||
<li><div class="icon icon-rotatecounterclockwise"></div> to rotate the shape by 90 degrees counterclockwise</li>
|
||||
<li><div class="icon icon-rotateclockwise"></div> to rotate the shape by 90 degrees clockwise</li>
|
||||
<li><div class="icon icon-fliplefttoright"></div> to flip the shape horizontally (left to right)</li>
|
||||
<li><div class="icon icon-flipupsidedown"></div> to flip the shape vertically (upside down)</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Change Autoshape</b> - use this section to replace the current autoshape with another one selected from the dropdown list.</li>
|
||||
<li><b>Show shadow</b> - check this option to display the shape with shadow.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<h3>Adjust shape advanced settings</h3>
|
||||
<p id="shape_advanced">To change the <b>advanced settings</b> of the autoshape, use the <b>Show advanced settings</b> link on the right sidebar. The 'Shape - Advanced Settings' window will open:</p>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties.png" /></p>
|
||||
<p>The <b>Size</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Width</b> and <b>Height</b> - use these options to change the width and/or height of the autoshape. If the <b>Constant proportions</b> <div class="icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class="icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original shape aspect ratio.</li>
|
||||
</ul>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties_5.png" /></p>
|
||||
<p>The <b>Rotation</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Angle</b> - use this option to rotate the shape by an exactly specified angle. Enter the necessary value measured in degrees into the field or adjust it using the arrows on the right. </li>
|
||||
<li><b>Flipped</b> - check the <b>Horizontally</b> box to flip the shape horizontally (left to right) or check the <b>Vertically</b> box to flip the shape vertically (upside down).</li>
|
||||
</ul>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties_1.png" /></p>
|
||||
<p>The <b>Weights & Arrows</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Line Style</b> - this option group allows you to specify the following parameters:
|
||||
<ul>
|
||||
<li>
|
||||
<b>Cap Type</b> - this option allows you to set the style of the end of the line, therefore it can be applied only to the shapes with an open outline, such as lines, polylines etc.:
|
||||
<ul>
|
||||
<li><b>Flat</b> - the end points will be flat.</li>
|
||||
<li><b>Round</b> - the end points will be rounded.</li>
|
||||
<li><b>Square</b> - the end points will be square.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Join Type</b> - this option allows you to set the style of the intersection of two lines, for example, it can affect a polyline or the corners of a triangle or rectangle outline:
|
||||
<ul>
|
||||
<li><b>Round</b> - the corner will be rounded.</li>
|
||||
<li><b>Bevel</b> - the corner will be cut off angularly.</li>
|
||||
<li><b>Miter</b> - the corner will be pointed. It goes well to shapes with sharp angles.</li>
|
||||
</ul>
|
||||
<p class="note"><b>Note</b>: the effect will be more noticeable if you use a large outline width.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Arrows</b> - this option group is available if a shape from the <b>Lines</b> shape group is selected. It allows you to set the arrow <b>Start</b> and <b>End Style</b> and <b>Size</b> by selecting the appropriate option from the dropdown lists.</li>
|
||||
</ul>
|
||||
<p id="internalmargins"><img alt="Shape - Advanced Settings" src="../images/shape_properties_2.png" /></p>
|
||||
<p>The <b>Text Box</b> tab allows you to <b>Resize shape to fit text</b>, <b>Allow text to overflow shape</b> or change the <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> internal margins of the autoshape (i.e. the distance between the text within the shape and the autoshape borders).</p>
|
||||
<p class="note"><b>Note</b>: this tab is only available if text is added within the autoshape, otherwise the tab is disabled.</p>
|
||||
<p id="columns"><img alt="Shape Properties - Columns tab" src="../images/shape_properties_4.png" /></p>
|
||||
<p>The <b>Columns</b> tab allows you to add columns of text within the autoshape specifying the necessary <b>Number of columns</b> (up to 16) and <b>Spacing between columns</b>. Once you click <b>OK</b>, the text that already exists or any other text you enter within the autoshape will appear in columns and will flow from one column to another one.</p>
|
||||
<p><img alt="Shape - Advanced Settings: Cell Snapping" src="../images/shape_properties_6.png" /></p>
|
||||
<p>The <b>Cell Snapping</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Move and size with cells</b> - this option allows you to snap the shape to the cell behind it. If the cell moves (e.g. if you insert or delete some rows/columns), the shape will be moved together with the cell. If you increase or decrease the width or height of the cell, the shape will change its size as well.</li>
|
||||
<li><b>Move but don't size with cells</b> - this option allows you to snap the shape to the cell behind it preventing the shape from being resized. If the cell moves, the shape will be moved together with the cell, but if you change the cell size, the shape dimensions remain unchanged.</li>
|
||||
<li><b>Don't move or size with cells</b> - this option allows you to prevent the shape from being moved or resized if the cell position or size was changed.</li>
|
||||
</ul>
|
||||
<p><img alt="Shape - Advanced Settings: Alternative Text" src="../images/shape_properties_3.png" /></p>
|
||||
<p>The <b>Alternative Text</b> tab allows you to specify the <b>Title</b> and <b>Description</b> which will be read to people with vision or cognitive impairments to help them better understand what information the shape contains.</p>
|
||||
<hr />
|
||||
<h3>Insert and format text within the autoshape</h3>
|
||||
<p>To insert a text into the autoshape, select the shape with the mouse and start typing your text. The text will become part of the autoshape (when you move or rotate the shape, the text also moves or rotates with it).</p>
|
||||
<p>All the formatting options you can apply to the text within the autoshape are listed <a href="InsertTextObjects.htm#textbox_textformatting" onclick="onhyperlinkclick(this)">here</a>.</p>
|
||||
<hr />
|
||||
<h3>Join autoshapes using connectors</h3>
|
||||
<p>You can connect autoshapes using lines with connection points to demonstrate dependencies between the objects (e.g. if you want to create a flowchart). To do that,</p>
|
||||
<ol>
|
||||
<li>click the <div class="icon icon-insertautoshape"></div> <b>Shape</b> icon on the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
select the <b>Lines</b> group from the menu,
|
||||
<p><img alt="Shapes - Lines" src="../images/connectors.png" /></p>
|
||||
</li>
|
||||
<li>click the necessary shape within the selected group (excepting the last three shapes which are not connectors, namely <em>Curve</em>, <em>Scribble</em> and <em>Freeform</em>),</li>
|
||||
<li>
|
||||
hover the mouse cursor over the first autoshape and click one of the connection points <div class="icon icon-connectionpoint"></div> that appear on the shape outline,
|
||||
<p><span class="big big-connectors_firstshape"></span></p>
|
||||
</li>
|
||||
<li>
|
||||
drag the mouse cursor towards the second autoshape and click the necessary connection point on its outline.
|
||||
<p><span class="big big-connectors_secondshape"></span></p>
|
||||
</li>
|
||||
</ol>
|
||||
<p>If you move the joined autoshapes, the connector remains attached to the shapes and moves together with them. </p>
|
||||
<p><span class="big big-connectors_moveshape"></span></p>
|
||||
<p>You can also detach the connector from the shapes and then attach it to any other connection points.</p>
|
||||
<h3>Assign a Macro to a Shape</h3>
|
||||
<p>You can provide a quick and easy access to a macro within a spreadsheet by assigning a macro to any shape. Once you assign a macro, the shape appears as a button control and you can run the macro whenever you click it.</p>
|
||||
<p>To assign a macro:</p>
|
||||
<ul type="circle">
|
||||
<li>
|
||||
Right-click the shape to assign a macro to and choose the <b>Assign Macro</b> option from the drop-down menu.
|
||||
<p><img alt="Assign Macro on Menu" src="../images/assignmacro_rightclickshape.png" /></p>
|
||||
</li>
|
||||
<li>The <b>Assign Macro</b> dialogue will open</li>
|
||||
<li>
|
||||
Choose a macro from the list, or type in the macro name, and click <b>OK</b> to confirm.
|
||||
<p><img alt="Assign Macro" src="../images/assignmacro.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
<p><img class="floatleft" alt="Autoshape Settings tab" src="../images/right_autoshape.png" /></p>
|
||||
<ul style="margin-left: 280px;">
|
||||
<li><b>Opacity</b> - use this section to set the <b>Opacity</b> level by dragging the slider or entering the percent value manually. The default value is <b>100%</b>. It means full opacity. The <b>0%</b> value means full transparency.</li>
|
||||
<li id="shape_stroke">
|
||||
<b>Line</b> - use this section to change the width, color or type of the autoshape line.
|
||||
<ul>
|
||||
<li>To change the line <b>width</b>, 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>
|
||||
<li>To change the line <b>opacity</b>, enter the required value manually or use the corresponding slider bar.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Rotation</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically. Click one of the buttons:
|
||||
<ul>
|
||||
<li><div class="icon icon-rotatecounterclockwise"></div> to rotate the shape by 90 degrees counterclockwise</li>
|
||||
<li><div class="icon icon-rotateclockwise"></div> to rotate the shape by 90 degrees clockwise</li>
|
||||
<li><div class="icon icon-fliplefttoright"></div> to flip the shape horizontally (left to right)</li>
|
||||
<li><div class="icon icon-flipupsidedown"></div> to flip the shape vertically (upside down)</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Edit shape</b> - use this section to edit the shape points or to replace the current autoshape with another one selected from the dropdown list.
|
||||
<ul>
|
||||
<li>
|
||||
<b>Edit points</b> is used to customize or to change the curvature of your shape.
|
||||
<ol>
|
||||
<li>
|
||||
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
|
||||
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
|
||||
</li>
|
||||
<li>
|
||||
As long as the anchor points are active, you can add and delete them.
|
||||
<p><b>To add a point to a shape</b>, hold <b>Ctrl</b> and click the position where you want to add an anchor point.</p>
|
||||
<p><b>To delete a point</b>, hold <b>Ctrl</b> and click the unnecessary point.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><b>Change Shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Show shadow</b> - check this option to display the shape with shadow.</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<h3>Adjust shape advanced settings</h3>
|
||||
<p id="shape_advanced">To change the <b>advanced settings</b> of the autoshape, use the <b>Show advanced settings</b> link on the right sidebar. The 'Shape - Advanced Settings' window will open:</p>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties.png" /></p>
|
||||
<p>The <b>Size</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Width</b> and <b>Height</b> - use these options to change the width and/or height of the autoshape. If the <b>Constant proportions</b> <div class="icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class="icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original shape aspect ratio.</li>
|
||||
</ul>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties_5.png" /></p>
|
||||
<p>The <b>Rotation</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Angle</b> - use this option to rotate the shape by an exactly specified angle. Enter the necessary value measured in degrees into the field or adjust it using the arrows on the right. </li>
|
||||
<li><b>Flipped</b> - check the <b>Horizontally</b> box to flip the shape horizontally (left to right) or check the <b>Vertically</b> box to flip the shape vertically (upside down).</li>
|
||||
</ul>
|
||||
<p><img alt="Shape - Advanced Settings" src="../images/shape_properties_1.png" /></p>
|
||||
<p>The <b>Weights & Arrows</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Line Style</b> - this option group allows you to specify the following parameters:
|
||||
<ul>
|
||||
<li>
|
||||
<b>Cap Type</b> - this option allows you to set the style of the end of the line, therefore it can be applied only to the shapes with an open outline, such as lines, polylines etc.:
|
||||
<ul>
|
||||
<li><b>Flat</b> - the end points will be flat.</li>
|
||||
<li><b>Round</b> - the end points will be rounded.</li>
|
||||
<li><b>Square</b> - the end points will be square.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>Join Type</b> - this option allows you to set the style of the intersection of two lines, for example, it can affect a polyline or the corners of a triangle or rectangle outline:
|
||||
<ul>
|
||||
<li><b>Round</b> - the corner will be rounded.</li>
|
||||
<li><b>Bevel</b> - the corner will be cut off angularly.</li>
|
||||
<li><b>Miter</b> - the corner will be pointed. It goes well to shapes with sharp angles.</li>
|
||||
</ul>
|
||||
<p class="note"><b>Note</b>: the effect will be more noticeable if you use a large outline width.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><b>Arrows</b> - this option group is available if a shape from the <b>Lines</b> shape group is selected. It allows you to set the arrow <b>Start</b> and <b>End Style</b> and <b>Size</b> by selecting the appropriate option from the dropdown lists.</li>
|
||||
</ul>
|
||||
<p id="internalmargins"><img alt="Shape - Advanced Settings" src="../images/shape_properties_2.png" /></p>
|
||||
<p>The <b>Text Box</b> tab allows you to <b>Resize shape to fit text</b>, <b>Allow text to overflow shape</b> or change the <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> internal margins of the autoshape (i.e. the distance between the text within the shape and the autoshape borders).</p>
|
||||
<p class="note"><b>Note</b>: this tab is only available if text is added within the autoshape, otherwise the tab is disabled.</p>
|
||||
<p id="columns"><img alt="Shape Properties - Columns tab" src="../images/shape_properties_4.png" /></p>
|
||||
<p>The <b>Columns</b> tab allows you to add columns of text within the autoshape specifying the necessary <b>Number of columns</b> (up to 16) and <b>Spacing between columns</b>. Once you click <b>OK</b>, the text that already exists or any other text you enter within the autoshape will appear in columns and will flow from one column to another one.</p>
|
||||
<p><img alt="Shape - Advanced Settings: Cell Snapping" src="../images/shape_properties_6.png" /></p>
|
||||
<p>The <b>Cell Snapping</b> tab contains the following parameters:</p>
|
||||
<ul>
|
||||
<li><b>Move and size with cells</b> - this option allows you to snap the shape to the cell behind it. If the cell moves (e.g. if you insert or delete some rows/columns), the shape will be moved together with the cell. If you increase or decrease the width or height of the cell, the shape will change its size as well.</li>
|
||||
<li><b>Move but don't size with cells</b> - this option allows you to snap the shape to the cell behind it preventing the shape from being resized. If the cell moves, the shape will be moved together with the cell, but if you change the cell size, the shape dimensions remain unchanged.</li>
|
||||
<li><b>Don't move or size with cells</b> - this option allows you to prevent the shape from being moved or resized if the cell position or size was changed.</li>
|
||||
</ul>
|
||||
<p><img alt="Shape - Advanced Settings: Alternative Text" src="../images/shape_properties_3.png" /></p>
|
||||
<p>The <b>Alternative Text</b> tab allows you to specify the <b>Title</b> and <b>Description</b> which will be read to people with vision or cognitive impairments to help them better understand what information the shape contains.</p>
|
||||
<hr />
|
||||
<h3>Insert and format text within the autoshape</h3>
|
||||
<p>To insert a text into the autoshape, select the shape with the mouse and start typing your text. The text will become part of the autoshape (when you move or rotate the shape, the text also moves or rotates with it).</p>
|
||||
<p>All the formatting options you can apply to the text within the autoshape are listed <a href="InsertTextObjects.htm#textbox_textformatting" onclick="onhyperlinkclick(this)">here</a>.</p>
|
||||
<hr />
|
||||
<h3>Join autoshapes using connectors</h3>
|
||||
<p>You can connect autoshapes using lines with connection points to demonstrate dependencies between the objects (e.g. if you want to create a flowchart). To do that,</p>
|
||||
<ol>
|
||||
<li>click the <div class="icon icon-insertautoshape"></div> <b>Shape</b> icon on the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
select the <b>Lines</b> group from the menu,
|
||||
<p><img alt="Shapes - Lines" src="../images/connectors.png" /></p>
|
||||
</li>
|
||||
<li>click the necessary shape within the selected group (excepting the last three shapes which are not connectors, namely <em>Curve</em>, <em>Scribble</em> and <em>Freeform</em>),</li>
|
||||
<li>
|
||||
hover the mouse cursor over the first autoshape and click one of the connection points <div class="icon icon-connectionpoint"></div> that appear on the shape outline,
|
||||
<p><span class="big big-connectors_firstshape"></span></p>
|
||||
</li>
|
||||
<li>
|
||||
drag the mouse cursor towards the second autoshape and click the necessary connection point on its outline.
|
||||
<p><span class="big big-connectors_secondshape"></span></p>
|
||||
</li>
|
||||
</ol>
|
||||
<p>If you move the joined autoshapes, the connector remains attached to the shapes and moves together with them. </p>
|
||||
<p><span class="big big-connectors_moveshape"></span></p>
|
||||
<p>You can also detach the connector from the shapes and then attach it to any other connection points.</p>
|
||||
<h3>Assign a Macro to a Shape</h3>
|
||||
<p>You can provide a quick and easy access to a macro within a spreadsheet by assigning a macro to any shape. Once you assign a macro, the shape appears as a button control and you can run the macro whenever you click it.</p>
|
||||
<p>To assign a macro:</p>
|
||||
<ul type="circle">
|
||||
<li>
|
||||
Right-click the shape to assign a macro to and choose the <b>Assign Macro</b> option from the drop-down menu.
|
||||
<p><img alt="Assign Macro on Menu" src="../images/assignmacro_rightclickshape.png" /></p>
|
||||
</li>
|
||||
<li>The <b>Assign Macro</b> dialogue will open</li>
|
||||
<li>
|
||||
Choose a macro from the list, or type in the macro name, and click <b>OK</b> to confirm.
|
||||
<p><img alt="Assign Macro" src="../images/assignmacro.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -29,7 +29,8 @@
|
||||
<p>The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</p>
|
||||
</li>
|
||||
<li>click the <b>Equation Settings</b> symbol in the toolbar above the inserted equation to access more settings, e.g., <em>Unicode</em> or <em>LaTeX</em>, <em>Professional</em> or <em>Linear</em>, and <em>Change to Inline</em>,</li>
|
||||
<li>click the certain symbol/equation in the corresponding set of templates.</li>
|
||||
<li>click the certain symbol/equation in the corresponding set of templates,</li>
|
||||
<li>to hide the toolbar, click the <b>Hide Equation Toolbar</b> option in the <b>Equation Settings</b>.</li>
|
||||
</ol>
|
||||
<p><img alt="equation toolbar" src="../images/equationtoolbar.png" /></p>
|
||||
<p>The selected symbol/equation will be added to the worksheet.</p>
|
||||
|
||||
@ -15,12 +15,12 @@
|
||||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||||
</div>
|
||||
<h1>Insert symbols and characters</h1>
|
||||
<p>During working process in the <a href="https://www.onlyoffice.com/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a> you may need to insert a symbol which is not on your keyboard. To insert such symbols into your document, use the <span class="icon icon-insert_symbol_icon"></span> <b>Insert symbol</b> option and follow these simple steps:</p>
|
||||
<p>During working process in the <a href="https://www.onlyoffice.com/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a> you may need to insert a symbol which is not on your keyboard. To insert such symbols into your spreadsheet, use the <span class="icon icon-insert_symbol_icon"></span> <b>Insert symbol</b> option and follow these simple steps:</p>
|
||||
<ul>
|
||||
<li>place the cursor at the location where a special symbol should be inserted,</li>
|
||||
<li>switch to the <b>Insert</b> tab of the top toolbar,</li>
|
||||
<li>
|
||||
click the <div class = "icon icon-insert_symbol_icon"></div> <b>Symbol</b>,
|
||||
click the <div class="icon icon-insert_symbol_icon"></div> <b>Symbol</b>,
|
||||
<p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window.png" /></p>
|
||||
</li>
|
||||
<li>The <b>Symbol</b> dialog box will appear and you will be able to select the appropriate symbol,</li>
|
||||
@ -32,7 +32,8 @@
|
||||
<p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window2.png" /></p>
|
||||
<p>The previously used symbols are also displayed in the <b>Recently used symbols</b> field,</p>
|
||||
</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the document.</li>
|
||||
<li>click <b>Insert</b>. The selected character will be added to the spreadsheet,</li>
|
||||
<li>to insert a popular or a recently used symbol, click the arrow below the <div class="icon icon-insert_symbol_icon"></div> <b>Symbol</b> icon. The most recent symbols will appear at the beginning of the list.</li>
|
||||
</ul>
|
||||
|
||||
<h2>Insert ASCII symbols</h2>
|
||||
@ -50,7 +51,7 @@
|
||||
<p><img alt="Insert symbol windpow" src="../images/insert_symbols_windows.png" /></p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>In the opened <b>Character Map</b>, select one of the <b>Character sets</b>, <b>Groups</b>, and <b>Fonts</b>. Next, click on the necessary characters, copy them to the clipboard, and paste in the right place of the document.</p>
|
||||
<p>In the opened <b>Character Map</b>, select one of the <b>Character sets</b>, <b>Groups</b>, and <b>Fonts</b>. Next, click on the necessary characters, copy them to the clipboard, and paste in the right place of the spreadsheet.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.2 KiB |
Loading…
Reference in New Issue
Block a user