i4designer Knowledgebase

The quick actions area

Abstract

Check out this article to read more details about each of the options provided by the i4designer quick actions toolbar.

The quick actions area is positioned at the top of the Designer page allowing the user to perform a set of commands oriented towards the controls available in the currently opened project.

Quick_actions.jpg

The quick actions area

This toolbar provides the user with the following commands:

Action

Icon

Description

Undo

Redo.jpg

Erases the last changes done to the project.

Redo

Undo.jpg

As opposite to the undo action, it reverses the undo or advances the project buffer to a more recent state.

Bring to Front

Bring_to_front.jpg

Determines the placement of an i4designer component, so that it appears in front of another control.

Send to Back

Send_to_back.jpg

Determines the placement of an i4designer component so that it appears behind another control.

Bring Forward

Bring_forward.jpg

Brings a component one step toward the front.

Send Backward

Send_backward.jpg

Sends a component one step towards the back.

Copy

Copy.jpg

Copies a component and allows the user to reuse it on an alternate location. The user can copy an i4designer control with different purposes:

  • the copied control can be inserted on the Designer page, on a different position.

  • the copied control JSON file can be inserted in a source code editor for further use.

Cut

Cut.jpg

Cuts a control and allows the user to move it to an alternate location.

Paste

past.jpg

Inserts a previously copied or cut control to an alternate position in the Designer project page.

Show Errors

Show_errors.jpg

Allows the user to check the project control settings for errors. By enabling the toolbar button a visual indication about erroneous settings is displayed.

Show_errors.jpg

Example of highlighted error

Toggle grid view

show_grig.jpg

Allows the user to enable or disable the grid view of the Designer surface.

Grid_enabled.jpg

Grid view enabled

Toggle ruler view

Show_ruller.jpg

Allows the user to enable or disable the ruler view of the Designer surface.

rule_enabled.jpg

Ruler view enabled

Toggle guide lines

Toggle_guide_lines.jpg

Allows the user to enable or disable the control location on the Designer page surface.

Guide_line_is_enabled.jpg

Guide lines enabled

Enable snap to grid

Enable_snap_to_grid.jpg

Allows the user to enable or disable the snap to grid function. When the snap to grid function is enabled the component will be automatically fitted on the drawing surface, to the closest cell.

Snap_to_grid_on.jpg

Snap to grid enabled

Toggle cursor guide lines

Toggle_cursor_lines.jpg

Allows the user to enable or disable the mouse location pointer on the Designer page surface.

Toggle_function.jpg

Cursor guide lines enabled

Some of the quick actions area commands can also be used by means of keyboard shortcuts:

Designer command

Windows keyboard shortcut

Mac keyboard shortcut

Undo

Ctrl+Z

Command+Z

Redo

Ctrl+Y

Command+Y

Copy

Ctrl+C

Command+C

Cut

Ctrl+X

Command+X

Paste

Ctrl+V

Command+V

Duplicate

Ctrl+D

Command+D

Delete

Delete

Command+Delete