I’m trying for a quite long time to get a ScrollContainer in UI5 (m) working. I have a Panel, which contains another Panel and a ScrollContainer. The ScrollContainer should fill the remaining height.
<Panel>
<headerToolbar>
<!-- A custom Toolbar -->
</headerToolbar>
<content>
<VBox fitContainer="true">
<ScrollContainer vertical="true" horizontal="false">
<List>
<!-- A List, which should grow -->
</List>
</ScrollContainer>
<Panel>
<!-- An Input Panel, which should not grow -->
</Panel>
</VBox>
</content>
</Panel>
I’ve tried to set the height of the scroll container to 100%, but this results in a second scrollbar in the vbox. I’ve also tried to work with css and setting a grow factor, but this also has not worked.
Therefore the question: What would be the correct approach, to let the ScrollContainer fill the remaining height but not more? So that is shows his vertical scroll bar.