Editing visual components

GrossGrade

Topic:  GrossGrade for Expert >

Editing visual components

Previous page Parent topic Next page

 

"Edit" mode

 

To start editing the visual part of the module, you need to switch on "edit" mode using the "edit" button in the top panel of the "Control & visualization" window.

 

Work mode / Edit mode

Work mode / Edit mode

 

In edit mode, you can resize each individual component with the mouse using the special green squares around the component frame. In order for the frame to appear, you must first select the desired component with a mouse click.

Resizing visual component with mouse

Resizing visual component with mouse

 

Components can be positioned differently relative to each other. The image below shows two LabelFrame components arranged so that the first is partially covered by the second.

visual_align_no_parent

 

In order to better flexibility any component can be nested in any other component. Consider the example with the illustrations below. In order to assign a selected component "frame 2" a new parent component, which will contain it inside itself, you need to hold down the Control key, and then, without releasing it, take component "frame 2" with the left mouse button and start moving it over another component. A red border will appear around the other component ("frame 1"). The red border around the component means that if you release the mouse button, the "frame 2" component becomes a child of the "frame 1" component.

visual_align_set_parent

After we release the mouse button, the component "frame 2" becomes nested in the component "frame 1", as can be seen in the following illustration.

visual_align_none

The "frame 2" component can still be moved and scaled, but it will be limited to the boundaries of the parent "frame 1" component, and any time you move the parent, it will move with it.

 

Any component can be set to one of the Alignment types to automatically attach component boundaries to the left/top/right/bottom edge of the parent or to the entire internal (client) area of the parent.

Alignment = client

Alignment = client

Alignment = left

Alignment = left

Alignment = top

Alignment = top

Alignment = right

Alignment = right

Alignment = bottom

Alignment = bottom

 

 

In addition, if a component is assigned one of the alignment types, it can also be padded from the left/top/right/bottom edges. This can be done with the mouse, if you place the cursor not over the squares that are used to resize, but over the border of the component (see the illustrations below).

Left padding

Left padding

Top padding

Top padding

Right padding

Right padding

Bottom padding

Bottom padding

 

 

Context menu of the components

 

The menu is available in edit mode by right-clicking on the visual part of the component.

 

visual_component_main_context_menu_ENG

"Alignment" group

 

"none" - the component can be positioned arbitrarily, its edges will not automatically snap to the edges of the parent area.

"client" - all component edges are automatically bound to all edges of the available parent area.

"left" - the component is automatically bound to the left edge of the available parent area.

"top" - the component is automatically bound to the top edge of the available parent area.

"right" - the component is automatically bound to the right edge of the available parent area.

"bottom" - the component is automatically bound to the bottom edge of the available parent area.

 

"Use relative alignment" - if this option is enabled, the dimensions of this component will not be preserved in absolute form when the parent area is resized, but will change proportionally to the new dimensions of the parent.

 

"Anchors" group

 

"left" - when you change the position of the left edge of the parent area, the left edge of this component will be moved accordingly.

"top" - when you change the position of the top edge of the parent area, the top edge of this component will be moved accordingly.

"right" - when you change the position of the right edge of the parent area, the right edge of this component will be moved accordingly.

"bottom" - when you change the position of the bottom edge of the parent area, the bottom edge of this component will be moved accordingly.

 

"Component parameters" group

 

"Visibility at run-time" - the amount of visibility (opacity) of the visual part of the component in run-time mode.

"Reload" - reload (re-create) the component with preserving all settings/parameters/connections.

"Reset" - resets the basic settings of the component (corresponds to the input port "reset").

"Hard reset" - full reset of component settings/parameters (as when creating a new component).

 

"Bring to front" - bring the visual part of the component on top of all other components.

"Send to back" - bring the visual part of the component below all other components.

 

"Copy component"/"Copy selected components" - copy the selected component / group of selected components to the clipboard for later pasting.

"Paste components" - paste a previously copied component / group of components into the current area.

"Delete component"/"Delete selected components" - delete the selected component / group of selected components.

 

"Look / grading" group

 

"Apply factor" - the amount of application of the correction created by this component.

 

The following context menu is available by right-clicking in any empty area of the "Control & visualization" window.

 

visual_common_context_menu_ENG

"Edit components" group

 

"Copy selected components" - copy the selected component / group of selected components to the clipboard for later pasting.

"Paste components" - paste a previously copied component / group of components into the current area.

"Delete selected components" - delete the selected component / group of selected components.