Quantcast
Channel: SCN : All Content - SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 6178

How to make List component to fill ScrollContainer component?

$
0
0

Hi,

 

I want my List component to fill ScrollContainer component. But List component sets its size automatically according to its content. Here is a screenshot of my fragment:

 

Capture.PNG

 

Here is my code:

 

<core:FragmentDefinition xmlns="sap.m"  xmlns:core="sap.ui.core" xmlns:f="sap.ui.layout.form" xmlns:l="sap.ui.layout">  <l:Grid defaultSpan="L4 M4 S4">  <l:content>  <Button icon="sap-icon://filter" text="Filtrele" class="sapUiSmallMarginTop">  <layoutData>  <l:GridData span="L1 M1 S1" />  </layoutData>  </Button>  <Button icon="sap-icon://download" class="sapUiSmallMarginTop">  <layoutData>  <l:GridData span="L11 M11 S11" />  </layoutData>  </Button>  <ScrollContainer height="400px" vertical="true">  <List headerText="Mevcut işler" mode="SingleSelectMaster">  <items>  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  <StandardListItem title="İş takip portali projesi"
  description="HSY" info="Geliştirme Aşamasında" infoState="Success" />  </items>  </List>  </ScrollContainer>  <l:Grid defaultSpan="L1 M1 S1" class="sapUiSmallMarginTop">  <l:content>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  <Text text="asd"></Text>  </l:content>  <l:layoutData>  <l:GridData span="L8 M8 S8" />  </l:layoutData>  </l:Grid>  </l:content>  </l:Grid></core:FragmentDefinition>

I can accept any alternative solutions without the scrollcontainer. I used scrollcontainer, beacuse I couldn't fix height of the list. I'm trying to create a master/detail view. I'm not sure I'm following the best approach.


Viewing all articles
Browse latest Browse all 6178

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>