QuickHMI documentation

Comprehensive documentation for the QuickHMI visualization software

Skip to content
QuickHMI documentation

QuickHMI

  • Documentation
  • Editor
  • Control elements

Control elements

  • Control elements
  • Assignment of properties
  • General properties of controls
  • General actions of control elements
  • Moving and rotating the controls
  • Rules
  • Actions
  • Rights query for rules and actions
  • Aligning multiple controls
  • Drag & drop functions
  • Page structure
  • PlugIn Manager
  • General
    • QuickHMI Lynx - What you can expect!
    • Foreword
    • System requirements for QuickHMI
    • Connecting PLCs and devices
    • Functions at a glance
    • Configuration in 3 steps
    • Any questions? Just ask us.
  • Editor
    • Licenses
      • Your QuickHMI license
      • Using a USB dongle
    • Project
      • Editor Homepage
      • Create new project
      • Editor user interface
      • Project Explorer
      • Project settings
      • Edit page
      • Keyboard shortcuts
    • Control elements
      • Control elements
      • Assignment of properties
      • General properties of controls
      • General actions of control elements
      • Moving and rotating the controls
      • Rules
      • Actions
      • Rights query for rules and actions
      • Aligning multiple controls
      • Drag & drop functions
      • Page structure
      • PlugIn Manager
    • Specific properties & actions of the controls
      • Buttons and Inputs
        • AlarmButton
        • BreakerButton
        • Button
        • Checkbox
        • ControlKnob
        • ImageButton
        • LightButton
        • LightRoundButton
        • MultilineTextbox
        • SelectorSwitch
        • Slider
        • Switch
        • Switch2
        • Switch3
        • Textbox
      • Charts
        • Chart
      • Conveyor Systems
        • ConveyorBasic
        • ConveyorMinimal
        • ConveyorRolls
        • ConveyorAngleBasic
        • ConveyorAngleMinimal
        • ConeyorAngleRolls
        • ConveyorJunctionBasic
        • ConveyorJunctionRolls
        • SpiralConveyor
      • Cutaways
        • Cutaway1
        • Cutaway2
        • Cutaway3
        • Cutaway4
        • Cutaway5
        • Cutaway6
        • CutawayCircle
        • CutawayEllipseHorizontal
        • CutawayEllipseVertical
        • CutawayHoles
      • Displays
        • AlarmTable
        • Ammeter
        • DatabaseTable
        • DigitalDisplay
        • Label
        • LinearGauge
        • Marquee
        • ProgressBar
        • RadialGauge
        • Thermometer
      • Fluidics
        • Pipe
        • PipeAngle
        • PipeJunction
        • Pump
        • PumpFan
        • PumpFan2
        • Pump symbol
        • Silo
        • Wheel
      • Graphic Symbols
        • AlternatingCurrentRelaySymbol
        • Capacitor symbol
        • ChangeableCapacitorSymbol
        • ChangeOverSwitchSymbol
        • CircuitBreakerSymbol
        • ClockSymbol
        • ClockSymbol2
        • ElectromechanicalDriveSymbol
        • ElectromechanicalRelaySymbol
        • FusePowerlineconnectorSymbol
        • FuseSwitchSymbol
        • FuseSwitch
        • HornSymbol
        • M symbol
        • PlugSocket symbol
        • Siren symbol
        • SurgeDiverterSymbol
        • SwitchSymbol
      • Graphics
        • Arrow
        • Circle
        • Container1
        • Container2
        • Container3
        • Door
        • FireDoor
        • GearDouble
        • GearSingle
        • Grid
        • HorizontalArrow
        • Line
        • Operator
        • PC
        • Rectangle
        • Scale
        • Triangle
        • VerticalArrow
        • Wall
      • HTML
        • HTMLBox
      • Lamps
        • BitBar
        • BitBar16
        • LED
        • LEDTop
        • StateSignal1
        • StateSignal2
        • StateSignal3
        • StateSignal4
        • StateSignal5
        • WarningLampRound
      • Motors
        • Motor
        • Motor2
        • Motor3
        • Motor4
      • Pictures
        • PictureBox
      • Safety Signs
        • Warning
        • Warning2
        • Warning3
        • Warning4
        • Warning5
        • WarningLines
      • Sensors
        • LightBarrier
        • Scanner icon
        • Sensor
      • SVG
        • Example 1: Barrier
        • Example 2: Rack feeder
      • Tanks
        • Tank
        • Tank2
        • Tank3
        • Tank4
        • Tank5
        • Tank6
      • Timer and Trigger
        • BooleanDataTrigger
        • DataTimeDataTrigger
        • NumericDataTrigger
        • StringDataTrigger
        • Timer
      • Valves
        • Valve
        • ValveSymbol
        • ValveSymbol2
        • ValveSymbol3
        • ValveSymbol4
        • ValveSymbol5
    • SVG controls
      • Basics of SVGs
      • SVGs in the QuickHMI Editor
      • Create SVGs with chatbot
      • Adding actions and properties
      • Constants
      • Use of classes and IDs
    • Communication
      • Creating database connections
      • Creating data sources
      • Create Allen-Bradley data sources
      • Create DataBase data sources
      • Create file system data sources
      • Create InfluxDB data sources
      • Create KNX data sources
      • Create MODBUS data sources
      • Create MQTT data sources
      • Create OPC data sources
      • S7 Create data sources
      • Create TWINCAT data sources
      • Create web service data sources
      • Data source Duplicate / Edit / Delete
      • External logging
      • Database queries
      • Create Java API data sources
    • Variables
      • Variables
      • General settings
      • Allen-Bradley variables
      • DataBase variables
      • File system variables
      • InfluxDB variables
      • Java API variables
      • KNX variables
      • MODBUS variables
      • MQTT variables
      • OPC UA variables
      • S7 Variables
      • TWINCAT variables
      • Web service variables
      • Status variables
      • Value adjustment of variables
      • Alarm variables
      • Internal variables
      • Variables in text view
      • Linking variables with control elements
    • JavaScript & HTML
      • JavaScript
        • Definition
          • JavaScript definition page
          • Steuerelement-Event-Funktionen
          • Variable change functions
          • Events
          • API functions
        • Assignment
        • Debugging
      • HTML Manager
      • Access to host system files
    • E-mail functionality
      • E-mail function
    • Translation texts
      • Creating translation texts
    • Security
      • Creating users
      • Creating groups
      • Managing rights
    • Media
      • Integration of image resources
      • Creating screen controls
      • Integration of audio files
      • Audio resources in connection with controls
    • Chart manager
      • Chart manager
      • Pie chart
      • Bar and line chart
      • Chart control
      • An example chart
    • Recipe management
      • Recipe management
    • Runtime mode
      • Starting runtime mode
      • Loading screen
      • Export project
    • Faceplates
      • What are faceplates
      • Manage faceplates
      • Faceplate inspector
      • Properties
      • Events
      • Placeholder
  • Runtime Manager
    • The QuickHMI Runtime Manager
    • Installation of QuickHMI Runtime on Linux systems
    • Installation using the Docker image
    • SSL certificates
    • Security system
  • Runtime
    • Desktop Viewer
      • Desktop Viewer
      • Desktop Viewer - Executing the runtime
      • Desktop Viewer - Start parameters
      • Installation of QuickHMI Viewer on Linux systems
    • Web Viewer
      • Web Viewer
      • Web Viewer - Executing the runtime
    • What is the runtime?
    • Language
Proudly powered by WordPress
  • English
  • Deutsch (German)