I make a partialRefresh on a tab container with 4 tabs:

```
 <xp:eventHandler event="onchange" submit="true"
                                    refreshMode="partial" refreshId="djContentPane1">
                                    <xp:this.action><![CDATA[#{javascript:viewScope.put("hideRelatedDocuments", true);}]]></xp:this.action>
   </xp:eventHandler>

```

The viewScope is then used to some fields which I want to hide/show. Those fields lay on the tab container.

And after this, the tab container looks strange:

![enter image description here](https://i.stack.imgur.com/FBVUy.png)

What might be the problem? Thanks for your time.

I tried adding a mainPanel, and on this panel I added the TabContainer. Then, I updated the panel but sttill, no work. The result:

![enter image description here](https://i.stack.imgur.com/Hjzl2.png)