Relative Layout is the default mode. This is a simple and effective layout mode that simply keeps a componenta component's size and position constant relative to its parent container, even when the parent container grows container grows or shrinks. More precisely, it remembers the component's position and size as a percentage of its of its parent's bounds at the last time the window was saved. Relative Layout also has the option of scaling of scaling a component's font appropriately.
Note , that Relative Layout mode respects aspect ratio. So, if the parent component is distorted, the contents the content will not be. The extra space is distributed evenly on both sides of the contentscontent.
Relative Layout Options
- Maintain Aspect Ratio
If selected, the component's original aspect ratio is preserved. Otherwise, it can stretch tall or wide.
When maintaining the aspect ratio, centers the component with respect to its parent.
When maintaining the aspect ratio, aligns the component with the parent's leading edge.
When maintaining the aspect ratio, aligns the component with the parent's trailing edge.
- Scale Font
If selected, the component's font will scale along with its size as the relative layout adjusts the component. This will override other font size settings. If this setting is applied to a Group, then all components in the group will use this setting.
By default, font scaling is enabled on all components, but it can behave differently on some components so it’s good to test it out before putting it into production. You can change the default Component Layout settings in Project Properties under Vision > Design > Relative Layout Options.
Font Scaling on Individual Components
When individual components are dragged into a window, the following default Layout settings for each component are applied. All components on the window default to font scaling.
Font Scaling on Groups
When individual components are grouped together, the default Layout settings are applied to the new group component, and to each component in the group. All the components in the group default to font scaling.
Font scaling on individual components in a group can be disabled by selecting the group, and double clicking on a single component. You will get a red outline around the group, then you can select the individual component(s), and disable font scaling. Note: The individual component font scale setting takes precedence within a group.
When you remove the group (right-click and select Ungroup), all the individual components within that group will get reset to the default Layout settings including font scaling, even if font scaling was set differently.Image Removed
Font Scaling on Containers
You can convert a group to a container to change the way scaling works. Ignition remembers the last Layout Settings you made to each individual component in that group prior to the conversion to a container (i.e., if any of the components had font scaling disabled, once the group is converted to a container, those same components will still have font scaling disabled).