Error in VerticalSplitPanel

Flow
1

I am using vaadin 8 with jave EE7 and wildfly
i want to use VerticalSplitPanel

My Code with the VerticalSplitPanel is:

@CDIView(...)
@UIScoped
public class View01 extends VerticalSplitPanel implements View {
	...
	public View01() {
		setSplitPosition(70f, Unit.PERCENTAGE);
		setSizeFull();
	}

	@PostConstruct
	void init() {
		contentA = new VerticalLayout();
		grid = new Grid<Person>();
		grid.setWidth("100%");
		navBar = new HorizontalLayout();
		contentA.addComponent(grid);
		contentA.addComponent(navBar);

		contentB = new HorizontalLayout();
		contentB.addComponent(...)
		contentB.addComponent(...)
		contentB.addComponent(...)
		
		setFirstComponent(contentA);
		setSecondComponent(contentB);

But it is not working.

  1. contentB is not shown
  2. The Splitter works not in the correct way
2

I don’t exactly know why it is not showing as expected but it certainly has to do with the size of the SplitPanel.

Give it some explicit width and height (in pixels for starters) and it should display properly.