Skip to Content
1
Former Member
Aug 04, 2016 at 08:32 AM

Page Footer not at the bottom while enableScrolling="false"

1232 Views

Dear commuity,

i am facing a problem with my SAPUI5 App. In my App.view.xml i have the following code:

<mvc:View controllerName="gkv.uiap02.UFB.controller.App" xmlns:html="http://www.w3.org/1999/xhtml" 
               xmlns:mvc="sap.ui.core.mvc"
               xmlns="sap.m"
               class="sapUiSizeCompact"
               id="appViewId">

  <App id="appViewAppId" height="100%">
       <pages id="appViewAppPagesContentId">
            <Page id="appViewPageId" title="{i18n>appViewPageTitle}" showNavButton="true" enableScrolling="false" showFooter="true">

                 <content id="appViewPageScrollContainerContentId">
                      <mvc:XMLView id="gpHeaderPanelViewId1" viewName="gkv.uiap02.UFB.view.GpHeaderPanel"/>
                      <mvc:XMLView id="masterObjectPageViewId1" viewName="gkv.uiap02.UFB.view.MasterObjectPage" />
                 </content>
          
            <footer id="appViewFooterId">
                 <Toolbar id="appViewToolbarId">
                      <content id="appViewToolbarContentId">
                           <ToolbarSpacer id="appViewFooterToolbarSpacerId"/>
                           <Button id="appViewFooterSendButtonId" text="{i18n>appViewFooterSendButtonText}" width="130px" type="Accept" press="pressSend"/>
                           <Button id="appViewFooterRejectButtonId" text="{i18n>appViewFooterRejectButtonText}" width="130px" type="Reject" press="pressClear"/>
                      </content>
                 </Toolbar>
            </footer>

       </Page>
  </pages>
  </App>

</mvc:View>



No matter what i try: the footer of my App is always in the foreground and not sticked to the bottom of the page, as shown in the screenshot below:

If i set enableScrolling="true" i get a second unnescessary scrollbar right to my already available scrollbar. In this case the footer is sticky to the bottom but i dont want two scrollbars, i guess one is from the page and the other one from my embeded object page.

I played with fixed heigths but didnt get a satisfying result.

Is there a way to disable scrolling and to get a fixed footer which is sticky to the bottom.

Thanks in advance

Simon

Attachments