Aligning User Controls

SCADA on SCADA screens many number of user control's from one another independently as placement, controls between small position differences formation cause olabilir.

This differences especially button, indicator, input box or similar user of the controls same row or column on used on screens visual inconsistency can create.

EOS SCADA Editor, birden more user control's by selecting specific bir to the axis according to alignment, dimensions to one another to be equalized and between them distances to be arranged ability provides.

Important: Alignment operations single bir user control on not, together arrangement istenen multiple user controls that are intended to be arranged together.

Available Alignment Options

EOS SCADA Editor within user of the controls screen on positions and dimensions to arrange for the purpose of different hizalama options are available. This options only kontrollerin positions by arranging does not remain, same time screen of the design geometrically as more organized state to make provides.

Vertical Alignment Operations

Vertical hizalama options, selected user of the controls horizontal axis on positions arrangement provides.

  • Vertical Left Alignment: Aligns the left edges of the selected user controls along the same vertical line.
  • Vertical Center Alignment: Centers the selected user controls relative to one another along the horizontal axis.
  • Vertical Right Alignment: Aligns the right edges of the selected user controls along the same vertical line.

Horizontal Alignment Operations

Horizontal hizalama options, selected user of the controls vertical axis on positions arrangement provides.

  • Horizontal Top Alignment: Aligns the top edges of the selected user controls along the same horizontal line.
  • Horizontal Center Alignment: Centers the selected user controls relative to one another along the vertical axis.
  • Horizontal Bottom Alignment: Aligns the bottom edges of the selected user controls along the same horizontal line.

Size Equalization Operations

Boyut equalization options, selected user of the controls same dimensions use provides. This feature especially same of the same type button or other user of the controls standard bir appearance standardizing is useful.

  • Equalize Both Dimensions: Equalizes both the width and height values of the selected user controls.
  • Equalize Height: Equalizes the heights of the selected user controls.
  • Equalize Width: Equalizes the widths of the selected user controls.

Equal Distribution Operations

Equal distribution options, selected user controls between spacing arrangement provides. Thus controls between uneven distances formation preventing by going through more balanced screen designs can be created.

  • Equal Vertical Distribution: Selected user of the controls vertical direction distribution arranges and between them distances equalization provides.
  • Equal Horizontal Distribution: Selected user of the controls horizontal direction distribution arranges and between them distances equalization provides.

Alignment Options Summary

Alignment Operation Purpose
Vertical Left Alignment Aligns the left edges of the controls.
Vertical Center Alignment Centers the controls along the horizontal axis.
Vertical Right Alignment Aligns the right edges of the controls.
Horizontal Top Alignment Aligns the top edges of the controls.
Horizontal Center Alignment Centers the controls along the vertical axis.
Horizontal Bottom Alignment Aligns the bottom edges of the controls.
Full Size Equalization Equalizes the width and height values.
Vertical Size Equalization Equalizes the heights of the controls.
Equalize Width Equalizes the widths of the controls.
Vertical Equal Distribution Distributes the controls at equal intervals vertically.
Equal Horizontal Distribution Distributes the controls at equal intervals horizontally.

Applying Alignment Operations to User Controls

Alignment operation before applying before same hizalama operation within to be arranged user of the controls selection is required. Selected controls more then iki different method biri using can be aligned.

  1. Open the project in the EDITOR software. Open the SCADA screen on which the alignment operation will be applied.
  2. Select the user controls to be aligned. Same hizalama operation within to arrange you want user the controls select. Multiple more of the control selected being is required.
  3. Select one of the alignment methods. You can perform the alignment operation using the ALIGNMENT button through or selected user control's right button in the menu ALIGNMENT button in the right-click menu of the selected user control.
EOS SCADA Editor user control alignment options

1. Alignment Using the Quick Access Button Bar

Alignment operations quick to access for Quick Access Button Bar on the ALIGNMENT button can be used.

  1. Select the user controls. Select all user controls to be aligned.
  2. Open the ALIGNMENT button. on the Quick Access Button Bar. ALIGNMENT button click.
  3. Select the alignment operation. Select the desired operation from the available alignment options.

Selected hizalama operation, selected user to controls by applying screen on positions or dimensions again is arranged.

Recommendation: Multiple more of the control same row or column to be used on screens hizalama features using, kontrollerin single single manuel as positioning according to more quick and more consistent bir screen design provides.

2. Alignment Through User Control Settings

Alignment operations, quick access button of the bar as well as order selected user of the controls herhangi birinin selection rectangle on right mouse button by clicking opened settings window through de can be performed.

  1. Select the user controls. Select the user controls to be included in the alignment operation.
  2. Specify a user control as the reference. Selected user of the controls herhangi birinin selection rectangle on right mouse button click.
  3. Open the ALIGNMENT option. in the settings window that opens. ALIGNMENT button click.
  4. Select the alignment operation to apply. Select the required operation from the available alignment options.
EOS SCADA user control right-click alignment settings

In this method, the user control from which the settings window was opened is used as the reference control .

How the reference control works: Selected user of the controls birinin selection rectangle on right mouse button by clicking hizalama operation when started, setting of the window from which it was opened control reference is taken as.

Other selected user of the controls relevant position or dimension values, selected hizalama to the operation associated as bu reference controle according to is arranged.

Importance of the Reference Control

Especially user of the controls specific bir of the control to the position or dimension according to arrangement when necessary reference control becomes particularly important when user controls need to be arranged according to the position or dimensions of a specific control.

Second in the method right mouse with the button selected user control reference as accepted is performed and other selected kontrollerin relevant values bu to the control according to is arranged.

This approach, screen on previously correct positioned or correct sized bir of the control other controls for basis to be used as a basis provides.

CAUTION: Alignment before the operation before which user of the controls that was selected attention should be performed. Incorrect kontrollerin selection, relevant kontrollerin position or dimensions istemeden to be changed cause olabilir.

Practical Example

A SCADA on the screen same function grubuna belonging to four items user control's that there are and bu kontrollerin horizontal as same aligned being that it is necessary consider.

Example application:

  1. Select the four user controls.
  2. Vertical Left Alignment option.
  3. The controls' sol edges same vertical line on that it is aligned control please.
  4. If the controls should not have different widths, apply the Equalize Width operation.
  5. If the horizontal spacing between the controls should be equal, use the Equal Horizontal Distribution option.

This way several different hizalama operation together using, user of the controls hem positions hem dimensions hem de between them distances organized state can be made.

Advantages of an Organized Screen Design

Alignment and dimension editing features only visual bir editing tool is not. Organized bir user interface, operator's screen more quick understand and relevant to the control more easy to reach helps becomes.

  • Visual consistency: User of the controls same on the axis and organized at intervals placement of the screen more profesyonel appearance provides.
  • Operator usability: Organized placed controls, operator's the required operation more quick to find helps becomes.
  • Design standardization: Same function performing kontrollerin similar dimension and positions using screens between visual standard creates.
  • Faster screen development: Many number of of the control single single moving or resizing instead batch hizalama operations using design time can be reduced.
  • Ease of maintenance: Organized designed of screens more then changing and new controls adding becomes easier.

Conclusion

EOS SCADA Editor within located hizalama features, user of the controls screen on position and dimensions quick and controlled manner arrangement provides.

Vertical Left Alignment, Vertical Center Alignment and Vertical Right Alignment options arrange positions along the horizontal axis; Horizontal Top Alignment, Horizontal Center Alignment and Horizontal Bottom Alignment options ise vertical on the axis positions arrangement provides.

Full Size Equalization, Vertical Size Equalization and Equalize Width options kontrollerin dimensions while standardizing, Vertical Equal Distribution and Equal Horizontal Distribution options controls between distances arrangement provides.

Alignment operations can be performed both through the Quick Access Button Bar through hem de user control settings within ALIGNMENT option in the user control settings.

In particular, the reference control mechanism thanks to other selected user of the controls position and dimensions specific bir user control basis based on can be arranged.

Conclusion as hizalama features, EOS SCADA of screens only visual as more organized to be not, same time operator use facilitating, standardized and maintainable user interfaces creation provides.

← Back to Previous Content