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.
Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Panel with label in it has unwanted border (?)
Hello,
I have following problem. My panel shows a weird horizontal line below Persoonlijke informatie. The black vertical line you can ignore, that's just bad cropping. Does anyone have an idea where this border/shading/? comes from?
I have a panel which is created through following code:
Panel infoPersonalHeader = new Panel();
infoPersonalHeader.setSizeUndefined(); // Shrink to fit content
I have a label which is created through following code:
final Label infoPersoonlijk = new Label("Persoonlijke informatie");
infoPersoonlijk.addStyleName("infoHeader");
The infoHeader css is this:
.infoHeader{
color: #A9BE09;
margin-left: 15px;
font-family: Trebuchet MS;
font-size: 20px;
padding-left: 15px;
width: 730px;
}
I add the label to the panel through following code:
infoPersonalHeader.setContent(infoPersoonlijk);
and add the panel to my layout:
layout.addComponent(infoPersonalHeader);