Numeric label and Numeric input not lining up?

I have a Vision 8.0.16 project where I have 2 numeric labels and 1 numeric input all lined up, same number formatting, and same horizontal alignment (right), same font size. But for some reason the numeric input does not look the same as the numeric labels a seen here - the bottom box is the numeric input

image

any thoughts on this?

I imagine it has to do with the border differences between the labels and the input.

I always add extra padding to the right side of numeric label components via the suffix field

1 Like

how do you put padding in the suffix field?

spacebar :slight_smile:

its not working to me

image

image

I want the padding to be in the prefix but it doesn't work using only space :frowning:

I'm not exactly sure what you're trying to do, but assuming it's to right align text and add a margin to pull it off the edge of the component, then you'll need to right align your text first

I just want it to be pasted on the left but with a little space on the left side of the

(Space) P: 0[kw]

I've never used it with HTML before, but you'll probably need to use a non-breaking space

1 Like

if I use the html tag precisely for that purpose, I also noticed that the problem is solved when I remove the tag :sweat_smile:

image
image

thanks for your help Nick