Diagram panning [Mikheeva] (#130)

* First changes

* New gif

* Update interface-elements-for-web/articles/diagram/page-and-view-settings.md

Co-authored-by: Svetlana Nikulina <[email protected]>

* Renamed topic in toc

* Update interface-elements-for-web/articles/diagram/work-with-chart-elements.md

Co-authored-by: arminal <[email protected]>

* Update interface-elements-for-web/articles/diagram/work-with-chart-elements.md

* Delete info about Alt+arrows

Co-authored-by: Svetlana Nikulina <[email protected]>
Co-authored-by: arminal <[email protected]>

Author: 3 people

interface-elements-for-web/articles/diagram/page-and-view-settings.md

@@ -24,9 +24,27 @@ Use the following commands on the **View** toolbar to control grid settings.
 
 ![Grid Settings](../../images/diagram-grid-settings.png)
 
+## Scroll a Page
+
+* Spin the mouse wheel to scroll a diagram page vertically.
+
+* Drag a side/bottom scroll bar to scroll a page vertically/horizontally.
+
+* Hold Space and drag a diagram page to pan it in any direction.
+
+
+    ![Scroll a Page](../../images/diagram-scroll-page.gif)
+
 ## Full Screen
 
 To switch to full screen mode, click the **Full Screen** command on the **View** toolbar or press F11 while the **Diagram** tool has focus.
 
 ![Full Screen](../../images/diagram-full-screen.png)
 
+## Zoom a Page
+
+Use one of the following ways to zoom into or out of a diagram page:
+
+* Press and hold the Ctrl key and spin the mouse wheel.
+
+* Change the current zoom level in the **View** toolbar.

interface-elements-for-web/articles/diagram/work-with-chart-elements.md

@@ -11,23 +11,34 @@ You can use the mouse or keyboard commands to move an element or a group of [sel
 - **Mouse**: drag and drop an element. 
 - **Keyboard**: select an element and press arrow keys to move the element.
 
-If the [Snap to Grid](page-and-view-settings.md#grid-settings) option is enabled, an element is moved snapping to the grid. Press and hold Ctrl to move the element smoothly.
+Press and hold Shift to move the element horizontally or vertically.
+
+![Mobile Element](../../images/diagram-move-element-shift.gif)
+
+If the [Snap to Grid](page-and-view-settings.md#grid-settings) option is enabled, an element is moved snapping to the grid. Press and hold Ctrl to move the element smoothly. 
 
 ![Mobile Element](../../images/diagram-move-element.gif)
 
+You can combine the Ctrl and Shift buttons.
+
 ## Resize a Shape
 
 1. [Select a shape](select-elements.md) to display resizing squares along the selection.
 
-1. Drag a square to resize the shape. 
+1. Drag a square to resize the shape.
+
+Press and hold Shift to maintain the shape's width-to-height ratio.
 
 If the [Snap to Grid](page-and-view-settings.md#grid-settings) option is enabled, a shape is resized snapping to the grid. Press and hold Ctrl to resize the element smoothly.
 
 ![Resize a Shape](../../images/diagram-resize-shape.gif)
 
+You can combine the Ctrl and Shift buttons.
+
 ## Transform a Shape
 
-Certain shapes display a transform handle when selected. Use this handle to transform the shape.
+Certain shapes display a transformation handle when selected. Use this handle to transform the shape.
+
 
 ![Resize a Shape](../../images/diagram-transform-shape.gif)
 
@@ -45,17 +56,11 @@ A connector can have several texts. A text box appears at the double-clicked pos
 
 ## Clone an Element
 
-You can use the mouse or keyboard commands to create a copy of an element or a group of [selected elements](select-elements.md).
-
-
-- **Mouse**: press Ctrl+Shift and drag an element to clone it.
-
-
-- **Keyboard**: select an element and press Ctrl+Shift+arrow to create a copy next to the original element in the arrow's direction.
-
+Press Alt and drag an element to clone it.
 
 ![Clone a Shape](../../images/diagram-clone-element.gif)
 
+You can combine the Alt, Ctrl, and Shift buttons.
 
 ## Link a Connector to a Shape
 

interface-elements-for-web/images/diagram-clone-element.gif

@@ -64,7 +64,7 @@
     href: articles/diagram/work-with-chart-elements.md       
   - name: Chart Layout
     href: articles/diagram/chart-layout.md
-  - name: Page Settings
+  - name: Page and View Settings
     href: articles/diagram/page-and-view-settings.md
   - name: Export to an Image
     href: articles/diagram/export-to-an-image.md