Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

TUTORIALVaadin lets you build secure, UX-first PWAs entirely in Java.
Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Calling javascript synchronously by Enver Haase, 3 weeks ago
How can the distance (top, bottom) of a textfield in the formlayout be redu
Hello and thank you,
can someone tell me, how the distance (top, bottom) can be reduced to a textfield in the formlayout? The button works great.
See the screenshot.
Here is my java sample code:
@Override
protected void init(VaadinRequest vaadinRequest) {
final FormLayout layout = new FormLayout();
final TextField name = new TextField();
Button button = new Button("Click Me");
layout.addComponents(name, button);
setContent(layout);
}
Here is my css sample code:
@import "../valo/valo.scss";
@mixin mytheme {
@include valo;
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-captioncell,
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell,
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
padding-top: 0px;
padding-bottom: 0px;
border: solid 1px gray;
}
.v-button {
color: red;
height: 26px;
}
.v-textfield {
color: red;
height: 26px;
}
}
Last updated on
You cannot reply to this thread.