Moving Analog Indicator Bug?

Hi,

As shown above - when I add my UDT view, the Moving Analog Indicator, which is nested in flex and coord cointainers, is rotated and enlarged. After, unclicking and clicking Display property, in the Designer it starts to view properly, but in the Session it's still wrong.

What version of Ignition are you using? Can you share the JSON of the tank's view?

The indicator will automatically redraw itself horizontally if it's constrained to a size that's (relatively) wide and short. I wonder if something in the props/position is either misconfigured or failing to evaluate correctly.

I'm using 8.3.1

tank_json.txt (16.2 KB)

I only quickly looked via mobile... But your aspect ratio looks wrong, it most likely shouldn't be 1:1. If this is a view for embedding, I leave this blank and rely on the main view it's embedded into having its aspect ratio set to its defaultSize ratio

I've changed it to fix with no aspect ratio and the problem still occurs :confused:

The issue is that nothing is bounding the width of the moving analogue indicator. This is due to the SVG that the analogue indicator is constructed with has its viewbox set to 0 0 400 100 meaning 400 wide, 100 high. So when nothing is setting the width of it -- as in your row flex container which sets the height only -- it's then determined by the height which is fixed.

You will need to fix the width using style.width: 80px for example on the analogue indicator

Oh, wow. It works!

Thank you so much.