Search code examples
sapui5sap-fiori

How to add footer in massage Page?

In message Page demo , it uses ComponentContainer(Component.js) to include massage page, but I want to add footer in this page , I tried

<mvc:View
   controllerName="cts.mobile.controller.Connect"
   height="100%"
   xmlns:mvc="sap.ui.core.mvc"
   xmlns="sap.m">

<Page>
    <content>
        <MessagePage 
            text="Disconnected"
            description="Click the Search Button"
            showHeader="false"
            showNavButton="true"
            icon="sap-icon://disconnected" > 

        </MessagePage>
    </content>
    <footer>
        <Toolbar>
            <Button text="Search" />
        </Toolbar>
    </footer>
</Page>

But it seems the message page is covered by new page and disappeared, what should I do ?

Solution

  • This is the 100% height css issue. You can inner Elements set to 100% height, but the page don´t know what 100% height mean and show no footer.

    Example: http://jsbin.com/lohenoj/1/edit