<p>In the <ahref="https://www.onlyoffice.com/spreadsheet-editor.aspx"target="_blank"onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a>, you can resize, move, rotate and arrange autoshapes, images and charts inserted into your worksheet.</p>
<b>Note</b>: the list of keyboard shortcuts that can be used when working with objects is available <ahref="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects"onclick="onhyperlinkclick(this)">here</a>.
<p>To change the <b>size</b> of an autoshape/image/chart, drag small squares <imgalt="Square icon"src="../images/resize_square.png"/> situated on the edges of the object. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
<pclass="note"><b>Note</b>: to resize the inserted chart or image you can also use the right sidebar that will be activated once you select the necessary object. To open it, click the <b>Chart settings</b><imgalt="Chart settings icon"src="../images/chartsettingsicon.png"/> or the <b>Image settings</b><imgalt="Image settings icon"src="../images/image_settings_icon.png"/> icon to the right.</p>
To change the <b>position</b> of an autoshape/image/chart, use the Arrow <imgalt="Arrow"src="../images/arrow.png"/> icon that appears after hovering the mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button.
To move the object by one-pixel increments, hold down the <b>Ctrl</b> key and use the keybord arrows.
To move the object strictly horizontally/vertically and prevent it from moving in a perpendicular direction, hold down the <b>Shift</b> key when dragging.
</p>
<h3>Rotate objects</h3>
<p>To manually <b>rotate</b> the autoshape/image, hover the mouse cursor over the rotation handle <imgalt="Rotation Handle"src="../images/greencircle.png"/> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
<p>To rotate a shape or image by 90 degrees counterclockwise/clockwise or flip the object horizontally/vertically you can use the <b>Rotation</b> section of the right sidebar that will be activated once you select the necessary object. To open it, click the <b>Shape settings</b><imgalt="Shape settings icon"src="../images/shape_settings_icon.png"/> icon or the <b>Image settings</b><imgalt="Image settings icon"src="../images/image_settings_icon.png"/> icon to the right. Click one of the buttons:</p>
<li><imgalt="Rotate counterclockwise icon"src="../images/rotatecounterclockwise.png"/> to rotate the object by 90 degrees counterclockwise</li>
<li><imgalt="Rotate clockwise icon"src="../images/rotateclockwise.png"/> to rotate the object by 90 degrees clockwise</li>
<li><imgalt="Flip horizontally icon"src="../images/fliplefttoright.png"/> to flip the object horizontally (left to right)</li>
<li><imgalt="Flip vertically icon"src="../images/flipupsidedown.png"/> to flip the object vertically (upside down)</li>
</ul>
<p>It's also possible to right-click the image or shape, choose the <b>Rotate</b> option from the contextual menu and then use one of the available rotation options.</p>
<p>To rotate a shape or image by an exactly specified angle, click the <b>Show advanced settings</b> link on the right sidebar and use the <b>Rotation</b> tab of the <b>Advanced Settings</b> window. Specify the necessary value measured in degrees in the <b>Angle</b> field and click <b>OK</b>.</p>
<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <imgalt="Yellow diamond icon"src="../images/yellowdiamond.png"/> icon is also available. It allows you to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
<p>To reshape an autoshape, you can also use the <b>Edit Points</b> option from the<b>context menu</b>.</p>
<p>The <b>Edit Points</b> option is used to customize or to change the curvature of your shape.</p>
<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.
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 and a curve and to change a curve’s smoothness.
<p>To <b>align</b><em>two or more</em> selected objects in relation to each other, hold down the <b>Ctrl</b> key while selecting the objects with the mouse, then click the <imgalt="Align icon"src="../images/align_toptoolbar.png"/><b>Align</b> icon on the <b>Layout</b> tab of the top toolbar and select the necessary alignment type from the list:</p>
<li><b>Align Left</b><imgalt="Align Left icon"src="../images/alignobjectleft.png"/> - to align objects relative to each other to the left edge of the leftmost object,</li>
<li><b>Align Center</b><imgalt="Align Center icon"src="../images/alignobjectcenter.png"/> - to align objects relative to each other in the center,</li>
<li><b>Align Right</b><imgalt="Align Right icon"src="../images/alignobjectright.png"/> - to align objects relative to each other to the right edge of the rightmost object,</li>
<li><b>Align Top</b><imgalt="Align Top icon"src="../images/alignobjecttop.png"/> - to align objects relative to each other to the top edge of the topmost object,</li>
<li><b>Align Middle</b><imgalt="Align Middle icon"src="../images/alignobjectmiddle.png"/> - to align objects relative to each other in the middle,</li>
<li><b>Align Bottom</b><imgalt="Align Bottom icon"src="../images/alignobjectbottom.png"/> - to align objects relative to each other to the bottom edge of the bottommost object.</li>
<p>Alternatively, you can right-click the selected objects, choose the <b>Align</b> option from the contextual menu and then use one of the available alignment options.</p>
<pclass="note"><b>Note</b>: the alignment options are disabled if you select less than two objects.</p>
<p>To <b>distribute</b><em>three or more</em> selected objects horizontally or vertically between two outermost selected objects so that there is equal distance between them, click the <imgalt="Align icon"src="../images/align_toptoolbar.png"/><b>Align</b> icon on the <b>Layout</b> tab of the top toolbar and select the necessary distribution type from the list:</p>
<li><b>Distribute Horizontally</b><imgalt="Distribute Horizontally icon"src="../images/distributehorizontally.png"/> - to distribute objects evenly between the leftmost and rightmost selected objects.</li>
<li><b>Distribute Vertically</b><imgalt="Distribute Vertically icon"src="../images/distributevertically.png"/> - to distribute objects evenly between the topmost and bottommost selected objects.</li>
<p>Alternatively, you can right-click the selected objects, choose the <b>Align</b> option from the contextual menu and then use one of the available distribution options.</p>
<pclass="note"><b>Note</b>: the distribution options are disabled if you select less than three objects.</p>
<p>To manipulate several objects at once, you can <b>group</b> them. Hold down the <b>Ctrl</b> key while selecting the objects with the mouse, then click the arrow next to the <imgalt="Group icon"src="../images/group_toptoolbar.png"/><b>Group</b> icon on the <b>Layout</b> tab of the top toolbar and select the necessary option from the list:</p>
<li><b>Group</b><imgalt="Group icon"src="../images/group.png"/> - to combine several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
<li><b>Ungroup</b><imgalt="Ungroup icon"src="../images/ungroup.png"/> - to ungroup the selected group of the previously combined objects.</li>
<p>Alternatively, you can right-click the selected objects, choose the <b>Arrange</b> option from the contextual menu and then use the <b>Group</b> or <b>Ungroup</b> option.</p>
<pclass="note"><b>Note</b>: the <b>Group</b> option is disabled if you select less than two objects. The <b>Ungroup</b> option is available only when a group of the previously combined objects is selected.</p>
<p>To <b>arrange</b> the selected object or several objects (e.g. to change their order when several objects overlap each other), you can use the <imgalt="Bring Forward icon"src="../images/bringforward_toptoolbar.png"/><b>Bring Forward</b> and <imgalt="Send Backward icon"src="../images/sendbackward_toptoolbar.png"/><b>Send Backward</b> icons on the <b>Layout</b> tab of the top toolbar and select the necessary arrangement type from the list.</p>
<p>To move the selected object(s) forward, click the arrow next to the <imgalt="Bring Forward icon"src="../images/bringforward_toptoolbar.png"/><b>Bring Forward</b> icon on the <b>Layout</b> tab of the top toolbar and select the necessary arrangement type from the list:</p>
<li><b>Bring To Foreground</b><imgalt="Bring To Foreground icon"src="../images/bringtofront.png"/> - to move the object(s) in front of all other objects,</li>
<li><b>Bring Forward</b><imgalt="Bring Forward icon"src="../images/bringforward.png"/> - to move the selected object(s) by one level forward as related to other objects.</li>
<p>To move the selected object(s) backward, click the arrow next to the <imgalt="Send Backward icon"src="../images/sendbackward_toptoolbar.png"/><b>Send Backward</b> icon on the <b>Layout</b> tab of the top toolbar and select the necessary arrangement type from the list:</p>
<li><b>Send To Background</b><imgalt="Send To Background icon"src="../images/sendtoback.png"/> - to move the object(s) behind all other objects,</li>
<li><b>Send Backward</b><imgalt="Send Backward icon"src="../images/sendbackward.png"/> - to move the selected object(s) by one level backward as related to other objects.</li>
<p>Alternatively, you can right-click the selected object(s), choose the <b>Arrange</b> option from the contextual menu and then use one of the available arrangement options.</p>
