Resize responsive splitter Panes

OpenUI5 version: 1.44.6

Browser/version (+device/version): any

Hello,

Is there a way to set the size of a panel in a responsive splitter? There are no width/height elements on the panes (FYI: I mean the panes inside the splitter, not the responsive splitter itself).

I would like to a) have a starting size. By default it is always 1/n (n = number of elements in the pane) * 100% b) Be able to animate the size c) Setting resizeable to false

I tried a) putting a width/height on the child elements in the SplitPane b) using layoutdata on the SplitPane itself and the child element I put in there:

<l:SplitPane requiredParentWidth="400">
  <LayoutData>
    <l:SplitterLayoutData resizable="false" size="20px"/>
  </LayoutData>
  <Button text="test">
    <LayoutData>
      <l:SplitterLayoutData resizable="false" size="20px"/>
    </LayoutData>
  </Button>
</l:SplitPane>

Both do not work (for me at least)

The source code does not hint any workaround, but somehow you have to do it, as the user can resize it. Is the developer able to do the trick, too?

Thanks in advance

[cryptovox]

Hi,

It can be achieved by using SplitterLayoutData element for SplitPane or for PaneContainer:

<l:layoutData> <l:SplitterLayoutData resizable=“false” size=“100px”/> </l:layoutData>

Take a look at updated demo: http://jsfiddle.net/y9rffmm5/3/

Regards, Vlad

[developerUI5]

Hi apazureck, Thanks for your response i already tried some css customization from MapToO proposal but it didn’t work. The problem that i have to implement a responsive view, a simple splitter is not a solution…