Position Scaling Text with Screen Size

Ignition
,
1

I have some text in a label that I want to be able to have move and/or scale with the size of the device screen it is displaying on. The text size being able to change isn't too important, but the location of the text needs to move relative to the container that it's inside of.

The "Peak" and "Total" labels share the AC Current container, but I want them to have a position centered above the Output Time and Charge time containers respectively, scaling with the size of the screen. Currently, they are locked in place inside their container, which is scaling around them.

I attempted to add grow and shrink properties to the position dropdown, but keep getting an error that those terms "aren't defined in the schema".

All three labels are inside a Coordinate container, which is inside a Flex container.

2

Contents inside a Coordinate Container will adjust to its size when you set its mode property to percent. Getting the text to resize as its container grows/shrinks can be done using CSS. See this recent post:

1 Like