Skip to main content
Version: Next

Views Reference

This reference guide covers keyboard shortcuts, runtime configuration, multi-screen setup, and troubleshooting.

Keyboard Shortcuts​

Editing​

ActionShortcut
SaveCtrl+S
UndoCtrl+Z
RedoCtrl+Y
CopyCtrl+C
PasteCtrl+V
CutCtrl+X
DeleteDelete
Select AllCtrl+A
Duplicate (drag)Alt + Drag

View Navigation​

ActionShortcut
Zoom InCtrl + +
Zoom OutCtrl + -
Reset ZoomCtrl + 0
Fit to ScreenCtrl + 1
Zoom to SelectionCtrl + 2
Pan CanvasSpace + Drag

Component Operations​

ActionShortcut
GroupCtrl+G
UngroupCtrl+Shift+G
LockCtrl+L
UnlockCtrl+Shift+L
Hide(Toolbar button)
Show(Toolbar button)
Move 1pxArrow Keys
Move 10pxCtrl + Arrow Keys

Alignment​

ActionShortcut
Align LeftCtrl+Alt+L
Align CenterCtrl+Alt+C
Align RightCtrl+Alt+R
Align TopCtrl+Alt+T
Align MiddleCtrl+Alt+M
Align BottomCtrl+Alt+B
Distribute HorizontallyCtrl+Shift+H
Distribute VerticallyCtrl+Shift+U
Same WidthCtrl+Alt+W
Same HeightCtrl+Alt+H

Layer Order​

ActionShortcut
Bring to FrontCtrl+Shift+[
Send to BackCtrl+Shift+]
Bring ForwardCtrl+[
Send BackwardCtrl+]

Text Formatting​

ActionShortcut
BoldCtrl+B
ItalicCtrl+I
UnderlineCtrl+U

Testing​

ActionShortcut
Preview ViewAlt+P
Run ProjectCtrl+P

Runtime Configuration​

Configure how views display when the project runs:

  1. Click Run → More → Runtime Settings
  2. Configure options:

Service Management (for debugging)​

  • Enable/disable services (historian, alarms, data archiving)
  • Prevents generating test data during development

Display Settings​

SettingDescription
Enable Floating BallShow a floating toolbar for quick access to logout, full screen, virtual keyboard
Full Screen ModeHide OS taskbar and window borders
Multi-Screen DisplayConfigure which views display on which monitors
Event Error MarkersHighlight components with script errors (for debugging)

Multi-Screen Configuration​

Setup Steps​

  1. Select Custom Screen Display
  2. For each monitor:
    • Click Identify to see monitor numbers
    • Select a view to display
    • Choose fit mode:
      • Fit Screen: Stretch to fill monitor
      • Original Size: Display at designed size
      • Fit Width: Scale to monitor width
      • Fit Height: Scale to monitor height

Troubleshooting​

Components Not Displaying Data​

Cause: Tag binding is incorrect or tag doesn't exist.

Solution:

  1. Select the component
  2. Check Data Binding in Properties Panel
  3. Verify the tag name is correct (case-sensitive)
  4. Test the tag in Tag Manager → Start Debug

Charts Loading Slowly​

Cause: Too much data being queried.

Solution:

  • Enable Time Window Aggregation (e.g., 1 minute intervals)
  • Reduce Max Data Points (e.g., 1000 instead of 10000)
  • Shorten the time range (e.g., last 1 hour instead of last 24 hours)

Button Click Not Working​

Cause: Event configuration is missing or incorrect.

Solution:

  1. Select the button
  2. Go to Events Tab in Properties Panel
  3. Verify On Click event is configured
  4. Check the action type and target tag
  5. Enable Event Error Markers in Runtime Settings to see errors

View Not Updating in Real-Time​

Cause: Tags are set to Page Usage poll mode but view is not open.

Solution:

  • Change tag Poll Mode to Service Running in Tag Manager
  • Or ensure the view is open when you expect updates

Multi-Screen Display Not Working​

Cause: Monitor configuration is incorrect.

Solution:

  1. Click Identify to verify monitor numbers
  2. Ensure each monitor has a view assigned
  3. Check that the fit mode is appropriate for the monitor resolution
  4. Restart the runtime after configuration changes

Security Best Practices​

Access Control​

  • Use the Permissions system to restrict view access by user role
  • Hide sensitive controls (e.g., setpoint changes) from operators
  • Log all control actions for audit trails

Data Validation​

  • Set min/max limits on numeric inputs
  • Validate user inputs before writing to tags
  • Show confirmation dialogs for critical actions (e.g., "Stop Production Line?")

Next Steps​

Last updated on