Rectangle dimensions

Ignition
,
1

When I place in Vision a rectangle on the screen with the dimension 100x100 pixels and with a stroke width of 20 pixels, the outer dimensions of this rectangle will be aprox. 120x120 pixels.
Is it possible to draw a rectangle with the outer dimisions as width and height properties?

2

Hello!
You may try:

.rectangle {
    width: 200px;
    height: 100px;
    background-color: white;
    border: 5px solid black; /* Stroke */
    box-sizing: border-box; 
}

that css property should be boxSizing in ignition.

3

Does this also works in Vision?

5

Sorry, I'm not a vision expert but pretty sure Vision doesn't support CSS styling....

1 Like
6

I was not aware of this, but Vision shapes use relWidth and relHeight properties that are bindable, so I imagine that custom properties could be added for the desired width and height, and an expression could translate those dimensions to the relative properties in a way that takes the stroke into account.

1 Like