Skip to Content

sap.ui.layout how to convince panel to be max height in splitter pane?

hello,

i am using splitter layout to divide view into three panes.

in one pane i need to display a web page (in a panel in the pane).

in the xml i have:

<content>
	<l:Splitter id="splitter" height="100%" width="100%">
		<l:contentAreas>
			<Panel id="splitterContentLeft" width="auto">
				<layoutData><l:SplitterLayoutData id="leftSplitterLayoutData" size="100px"/></layoutData>
				<core:HTML content='<iframe src="https://openui5.hana.ondemand.com/#/api/sap.ui.layout.Splitter" >'></core:HTML>
			</Panel>
			<Panel id="splitterContentMiddle" height="100%" width="100%" headerText="content 2">
				<layoutData><l:SplitterLayoutData id="middleSplitterLayoutData" size="auto"/></layoutData>
			</Panel>
			<Panel id="splitterContentRight" height="100%" width="100%" headerText="content 3">
				<layoutData><l:SplitterLayoutData id="rightSplitterLayoutData" size="30%"/></layoutData>
			</Panel>
		</l:contentAreas>
	</l:Splitter>
</content>

the web page displays ok but it does not take up the whole area in the panel in the pane.

how can i achieve this please?

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Dec 18, 2017 at 07:26 AM

    Apply custom CSS.

    Add comment
    10|10000 characters needed characters exceeded

  • Dec 18, 2017 at 04:47 AM

    Hi pas longo,

    Have you tried with IFrames.

    Regards,

    Arjun Biswas

    Add comment
    10|10000 characters needed characters exceeded