How to hide divider in SplitPanel?

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

Does anybody knows how to hide the divider of SplitPanel? It sounds weird but I use the setFirst… and setSecond… method to explicitly control the panels and flow.

Thx,
Juergen

2

Set the width of [tt]
v-splitpanel-hsplitter
[/tt] and [tt]
v-splitpanel-hsplitter div
[/tt] to zero in CSS. Well, the latter is not necessary if the splitter is locked.

When styling the splitter, notice that a style name set for the SplitPanel is appended to the [tt]
-hsplitter
[/tt] substyle as well, for example, [tt]
v-splitpanel-hsplitter-mystyle
[/tt].

See an
on-line example
.

3

Hi Marko,

I’ve got the same problem: hiding the splitter on a locked HorizontalSplitPanel.

This is my java code:

mainBody = new HorizontalSplitPanel();
mainBody.setWidth("100.0%");
mainBody.setHeight("100.0%");
mainBody.setSplitPosition(150, UNITS_PIXELS);
mainBody.setLocked(true);
mainBody.addStyleName("mainramhsplitpanel");

And in the styles.css relative to my theme I added:

.v-splitpanel-hsplitter-mainramhsplitpanel,
.v-splitpanel-hsplitter-mainramhsplitpanel div  {
    width: 0px;
}

Of course, my application has the proper theme set (“myTheme”) in the init() method, and the previous styles.css has been put in the myTheme folder under “VAADIN/themes/myTheme”. Also, I run my application on a private browser session to avoid css-caching with “restartApplication” parameter to ensure application reload.

Am I missing something? Why doesn’t the splitter vanish? Is there something else that can affect this behaviour?

Thank you,

Luca