Composer Keys

There are several combination keys available to help you work in the composer.

Selection Navigation Positioning Resizing Editing

Settings of the grid can be done at your convenience.

Selection

Key Combination Description
Mouse click select one control
Ctrl+Mouse click select multiple controls
Esc deselect the selection
Shift+Esc deselect the selection
Ctrl+A select all controls within the selected container
F10 displays the context menu where the parent containers can be selected
Click icon at top right of Tabbed pane displays the context menu where a tab can be added or removed and where the parent containers can be selected
Click icon at top right of Card panel displays the context menu where a card can be added or removed and where the parent containers can be selected

Navigation

Key Combination Description
Tab navigate from a component to the other from left to right and from top to bottom
Shift+Tab navigate from a component to the other from bottom to top and from right to left

Positioning

Key Combination Description
With Move cursor move the selection to another position and let go of the mouse to drop it
Arrow Up move the selection up by the number of pixels set in grid
Arrow Down move the selection down by the number of pixels set in grid
Arrow Left move the selection left by the number of pixels set in grid
Arrow Right move the selection right by the number of pixels set in grid
Ctrl+Arrow Up move the selection up 1 pixel at a time
Ctrl+Arrow Down move the selection down 1 pixel at a time
Ctrl+Arrow Left move the selection left 1 pixel at a time
Ctrl+Arrow Right move the selection right 1 pixel at a time

Resizing

Key Combination Description
With Vertical Resize cursor increase or decrease the height of the selection
With Horizontal Resize cursor increase or decrease the width of the selection
With Corner Resize cursor increase or decrease the width and height of the selection
Shift+Arrow Up decrease the height of the selection by the number of pixels set in grid
Shift+Arrow Down increase the height of the selection by the number of pixels set in grid
Shift+Arrow Left decrease the width of the selection by the number of pixels set in grid
Shift+Arrow Down increase the width of the selection by the number of pixels set in grid
Ctrl+Shift+Arrow Up decrease the height of the selection 1 pixel at a time
Ctrl+Shift+Arrow Down increase the height of the selection 1 pixel at a time
Ctrl+Shift+Arrow Left decrease the width of the selection 1 pixel at a time
Ctrl+Shift+Arrow Down increase the width of the selection 1 pixel at a time

Editing

Key Combination Description
Spacebar edit text or title in-place
Mouse Double click edit text or title in-place
Ctrl+Z undo last operation
Ctrl+Y redo the last undo operation
Ctrl+C copy the selection to the clipboard
Ctrl+X delete the selection and copy it to the clipboard
Delete delete the selection
Ctrl+Delete delete the selection
Shift+Delete delete the selection
Ctrl+V paste the clipboard selection. Click on composer where you want it drop.