Layout: updates don't work properly

I’m implementing an SPA (single page application) using the pe:layout component. I’m using Primefaces 8 and Primefaces extensions 8 So the content of the layoutPanes need to be updated using ajax requests while the application runs. So the whole construct looks more or less like that:

<h:form id="mainForm">
  <pe:layout fullPage="true" id="layout">
    <pe:layoutPane position="north">
    </pe:layoutPane>
    <pe:layoutPane position="west">
    </pe:layoutPane>
    <pe:layoutPane position="center">
      <ui:include src="#{indexView.centerView}" />
    </pe:layoutPane>
</h:form>

So now I want to update the center pane. I do that by updating the payoutPane element:

<p:menuitem value="User"
  actionListener="#{indexView.showSettingsUser}"
update=":mainForm:center" />

When I do that, the center pane gets updated. But it gets moved to the top of the screen. Beeing displayed over the north pane.

So I try to update the whole layout component:

<p:menuitem value="User"
  actionListener="#{indexView.showSettingsUser}"
update=":mainForm:layout" />

When I do that, absolutely nothing happns. The only way that seems to work is updating everything at once:

<p:menuitem value="User"
  actionListener="#{indexView.showSettingsUser}"
update=":mainForm" />

[yennor]

sorry. my fault… forgot to add the new files. they are commited now.

[yennor]

you’re way too fast in replying 😉.

I’ve just noticed. When I update everything (the whole form) and there is a west layoutPanel. Then It will be at once rendered between north and center panel, instead of being to the left of the center panel.

I’ve tried out the workaround, using the outputPanel. Like that it works like a charm. 😃 I should manage to provide a test case with the test case.