Window Types
Window Types
Watch the videoThere are three Vision window types: Main windows, Popup windows, and Docked windows. You can create windows from the File > New menu or by right clicking on the Windows object in the Project Browser. By changing a window's properties, you can transform any window into various configurations, with each behaving differently based on those settings.
It is important to understand that just because a certain type of window was created does not mean that it must always be that type of window. A window's type is determined by its settings, so changing its settings to match a different window type will change that window to a new type.
Main Windows​
A Main window is one that is set to start maximized, and has its Border and Titlebar display policies set to 'When Not Maximized' or 'Never.' This will make the window take up all available space (minus space used by any "docked" windows). This makes the window act much like a typical "HMI screen." There can be many main windows in a project, but only one should be open at any time since they would all overlap.
Popup Windows​
A popup window is a window whose Dock Position is set to Floating and is not maximized. Its Border and Titlebar display policies are typically set to 'When Not Maximized' or 'Always,' so that they can be manipulated by the end-user. These windows are often opened by components in a main window, and are meant to be on top of the screen. To this end, they should have their Layer property set to a number higher than zero so they don't get lost behind the main window. Popups can be set to open at a specific position on the screen using window's Location property. Popup windows can also be parameterized so they can be made once and used for multiple similar applications, dynamically changing the content on the screen based on a parameter that gets passed in.
Docked Windows​
Docked Windows - Axis Precedence
Watch the videoA Docked window is one whose Dock Position is set to anything but Floating. Docked windows are locked to the edges of the Client and fill all the space on that edge (i.e., West Docked fills the left side of the Client). It will also typically have its Border and Titlebar display policies set to Never. This makes the "docked" window appear to be joined seamlessly with the current main window. These screens are usually tall and skinny or short and wide, depending on the side they're docked to. The purpose of a docked window is to make some information always available; typically navigation controls and overall status information. Using docked windows can help eliminate repetitive design elements from being copied to each screen, making maintenance easier.
Setting which side the window is docked on is done through the window's Dock Position property.
Docking Settings​
Having multiple docked windows means you need to decide how you want them to appear in relation to each other. For that, Ignition has several settings.
The Dock Index is a property on the window that determines the order of docked windows if multiple windows are docked to the same side. The window with the lowest Dock Index will appear closest to the edge on that side, whereas the highest Dock Index will appear closest to the middle of the client.
The remaining three settings are located in the Project Properties > Vision > User Interface section:
- Axis Precedence - Project wide property that determines which sides get to extend to the edge of the window, North and South or East and West.
- Prevent Popup/Docking Overlap - When set to true, then floating (popup) windows will not overlap with docked windows.
- Infinite Desktop - When set to true, then the desktop area will be expanded if windows are dragged out of frame.
Axis Precedence Examples​
North/South Axis Preference has the top and bottom docked windows reaching the left and right edges of the screen, while the docked windows on the left and right sides fill the remaining space.
East/West Axis Preference has the left and right docked windows reaching the top and bottom edges of the screen, while the docked windows on the top and bottom fill the remaining space.