HMI Navigation Menu | Custom Web Control | WinCC Unified & V8

Custom Web Control

About HMI Navigation Menu

HMI Navigation Menu is a high-performance Custom Web Control designed to streamline operator navigation in industrial SCADA and HMI applications. This dynamic navigation bar provides a modern, responsive interface that supports both horizontal and vertical layouts, ensuring seamless integration into any screen design within WinCC Unified and WinCC V8 environments.

Key Features

• Dynamic Profile Switching: Utilize the menuSelector property to automatically toggle between five distinct menu lists (menuList1 through menuList5) based on user authorization levels or machine states.
• Advanced Visual Feedback: Enhance the user experience with touch-optimized interactions, including hoverScaleFactor magnification and customizable glow effects via the hoverGlowEnabled and hoverShadowColor properties.
• Smooth Motion Graphics: Deliver a premium feel with integrated animation logic, allowing you to define animationDuration and animationType for fluid transitions between views.
• Flexible Orientation: Switch between sidebar and header layouts instantly using the orientationMode property to fit your specific dashboard requirements.

Customization

The control offers 27 adjustable properties for deep visual integration. Engineers can define the fontFamily and fontSize to match corporate standards, set the borderRadius for a modern rounded aesthetic, and precisely control the selectedBackgroundColor and indicatorColor to highlight the active process area. All properties are directly bindable to HMI tags for real-time control.

Use Cases

Perfect for multi-user workstations where navigation options must change based on the logged-in profile, complex process cells requiring hierarchical view switching, and mobile-ready HMI panels that demand touch-friendly, high-contrast navigation elements.

Compatibility

Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The control supports bidirectional communication, enabling both programmatic selection via methods like selectViewByName and event-driven logic through the ViewChanged trigger.

💡 TIA Portal Reminder: Remember to uncheck the "Read only" option in TIA Portal when linking a tag to a property that needs to be written from the Custom Web Control. If you do not, the CWC will only be able to read the HMI tags and not write to them.

⚠️ AI-Generated: This custom web control was automatically generated using AI. Please test and validate 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.