Made with the HMIx AI Generator
This resource was created with AI on ai.hmix.tech. Describe what you need and generate your own HMI controls in minutes — free.
Custom Web Control
About Navigation Menu
Navigation Menu is a Custom Web Control for SCADA and HMI screens that presents up to five menu lists as a compact, touch-friendly navigation bar. Its dock-style magnification enlarges items under the pointer, giving operators clear feedback without taking extra screen space. It works with WinCC Unified (TIA Portal) and WinCC V8.
Key Features
- Five menu lists: menuList1 to menuList5 define the entries, and menuSelector chooses the active list.
- Dock magnification: dockMagnificationMode, hoverScaleFactor and hoverAnimationDuration control how items grow on hover.
- View navigation: selectedViewName and selectedViewIndex reflect the active view, and the ViewChanged event reports every switch.
- Hover depth: hoverShadowEnabled, hoverGlowEnabled and hoverShadowColor add subtle emphasis without extra graphics.
Customization
Set orientationMode and themeMode to match the screen layout, then style the bar with backgroundColor, fontFamily, fontSize, fontColor, borderRadius and indicatorColor. Selected items use selectedBackgroundColor and selectedTextColor. Transitions are controlled by animationEnabled, animationType and animationDuration. Every property can be bound to an HMI tag and changed at runtime without coding.
Use Cases
Ideal for main navigation on operator panels, plant overview screens and control room displays where operators switch between process areas quickly.
Compatibility
Runs on WinCC Unified (TIA Portal) and WinCC V8. Full documentation with installation steps for both platforms is included. When linking a tag to a property the control writes, clear the Read only option in TIA Portal; otherwise the control can only read that tag.
AI-Generated: This control was produced with AI assistance. Test all navigation paths and bindings before deploying in production environments.
⚠️ AI-Generated: This custom web control was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.