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