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.
Hiding HorizontalSplitPanel
hai Mathias Clerc, thanks for responding.
hai, I am new to Vaadin I want to hide HorizontalSplitPanel.
I tryied the above one, it is working but it hide the entire HorizontalSplitPanel. It doesn't hide the HorizontalSplitPanel and getting to normal HorizontalSplitPanel. I want to hide only divider in the HorizontalSplitPanel.
this is my code
In Css
v-app .invisible .v-splitpanel-hsplitter div{
width :0px;
display:none;
}
in Java
HorizontalSplitPanel horiz = new HorizontalSplitPanel();
horiz.setStyleName("invisible");
I have just tried using this code :
HorizontalSplitPanel horiz = new HorizontalSplitPanel();
horiz.setStyleName("invisible");
horiz.setHeight("40px");
horiz.addComponent(new Label("a"));
horiz.addComponent(new Label("b"));
This CSS worked (notice taht there is a '.' before v-app and you don't need to set the size of something which is not displayed at all) :
.v-app .invisible .v-splitpanel-hsplitter div{
display:none;
}
This CSS works too and is a bit cleaner :
.v-app .v-splitpanel-hsplitter-invisible div{
display:none;
}
I can see the labels "a" and "b" but with chameleon (and maybe other themes) only part of the dividing bar remained so I changed the CSS to :
.v-app .v-splitpanel-hsplitter-invisible div{
display:none;
}
.v-app .v-splitpanel-hsplitter-invisible{
background-image:none;
background-color:transparent;
border:0px;
}
And I can still see the "a" and "b" labels without anything in between.
Hai, Mathias Clerc,
I want to keep the button beside the textfield can u give example how to keep the button