Component layout

Actions

Description

Drag

Select one or more components, then click and drag them.

• Select a single component: Click the component.

• Select multiple components: Press and hold the Ctrl key (or the command key on macOS), and then click the components to select them.

  Note

  You can also select one or more components in the Layers panel on the left in the same way.

Resize

Select one or more components. Move your cursor over the component's bounding box until the resize icon appears. Then, click and drag to resize.

Rotate

Select one or more components. Move your cursor near a corner of the component's bounding box until the rotation icon appears. Then, click and drag to rotate.

Align

After selecting multiple components, click the Align or Distribute icons in the configuration panel on the right.

You can align components to the left, right, top, and bottom, or center them horizontally and vertically. You can also distribute them evenly, either horizontally or vertically.

Set opacity

Select a single component or a group of components. In the basic properties section at the top of the configuration panel on the right, click + or - next to Opacity, or enter a value in the input field to change the opacity of the component or group.

Group components

For more information, see Group Assets.

Lock components

For more information, see Lock Assets.

Hide components

For more information, see Hide Assets.

Copy components

For more information, see Copy Assets.

Delete components

For more information, see Delete Assets.

Shortcut menu

Right-click a component on the canvas or in the Layers panel. From the shortcut menu that appears, you can use commands like Bring to Front, Send to Back, Bring Forward, Send Backward, Copy, and Delete.

Thumbnail

DataV provides a thumbnail in the lower-right corner of the canvas, which you can use to adjust the layout of your visualization application.

• Drag the Scale slider below the thumbnail, or click + or - to adjust the zoom level of the canvas.

• When your visualization application extends beyond the canvas view, drag the highlighted blue border in the thumbnail to pan across the application.

• Click the icon in the lower-right corner of the thumbnail to show or hide it.

Shortcut keys

• Canvas editor shortcut keys:

  • Toggle the Layers panel: Ctrl/Cmd + ←

  • Toggle the Components panel: Ctrl/Cmd + ↑

  • Toggle the panel on the right: Ctrl/Cmd + →

  • Zoom to fit: Ctrl/Cmd + a

• Component shortcut keys:

  • Group: Ctrl + G

  • Ungroup: Ctrl + Shift + G

  • Undo: Ctrl + Z

  • Copy and paste: Ctrl + C / Ctrl + V