Fix content of FixFlex is not visible

[Former Member]

Hello,

I am using SAPUI5 Explored sample in my application. I have copied exact code nevertheless the flex content is always invisible. When I inspect the element flex content.

Am i missing something?

view is as below:

<mvc:View

  controllerName="view.AnnualSummary"

  xmlns:mvc="sap.ui.core.mvc"

  xmlns="sap.m"

  xmlns:l="sap.ui.layout"

  xmlns:html="http://www.w3.org/1999/xhtml">

  <Page

  showHeader="false"

  class="sapUiFioriObjectPage">

  <content>

  <l:FixFlex class="fixFlexVertical">

                <l:fixContent>

                  <Image src="test-resources/sap/ui/demokit/explored/img/large_HT-6100.jpg" />

                </l:fixContent>

                <l:flexContent>

                <Text class="column1" text="This container is flexible and it will adapts its size to fill the remaining size in the Fix"></Text>

            </l:flexContent>

            </l:FixFlex>

        </content>

  </Page>

</mvc:View>

Thanks,

Rashmi

[Former Member · Accepted solution]

Try with enableScrolling:false to the Page.

<Page
   enableScrolling="false"
  showHeader="false"
  class="sapUiFioriObjectPage">

[Former Member · Accepted solution]

Thanks Sakthivel. Its works!!

[Qualiture]

Not to be picky, but you did not copy the exact content

As a matter of fact, you forgot to include the most important part which was defined in the view:

height="100%"

Furthermore, you have added a Page control which includes the FlexFix element.

Page content varies along with the height of the total content (i.e. it's height by default not 100%). You may need to adapt the Page content height to actually see something in the flex part