How to set vaadin-form-layout row spacing?

Hilla
41

It is acceptable for me now, I just wonder what will I do if the client wants more spacing

42

it should be an easy task to accomplish

43

or maybe replace the form layout with some kind of generic layout

44

?

45

Ah, now I think I get it. I suppose you aren’t using elements at all in your form, just plain vaadin field components directly inside

46

yes, that is how it is supposed to be used, no ?

47

Well, can be used both ways. But the CSS custom property only works if you wrap all fields inside

48

Let me try that

49

it did something

50

doe not appear to be row spacing though

52

is this enough or do i have to extract the label too ?

53

unknown.png

54

it appears to change the “spacing of the items in the row” more than changing “spacing between rows”

55

wait, it seems that the change in layout was caused by wrapping the items itself, regardless of css

56

so it did not really help

57

brb

58

Hi, I have similar issue with vaadin-form-item spacing between fields. Maybe you can help me and say how to remove this extra spacing which is in form item element, above the input field?

59

image.png

60

any update here, i got same issue