Footer not working in my SAPUI5 application

When your footer is not working in a SAPUI5 application, try embedding your page in the sap.m.App control. The App control provides proper container functionality and manages the footer display correctly.

Solution

The sap.m.App control acts as the root container for your application and properly handles the footer behavior. Here's how to implement it ?

var oApp = new sap.m.App({
    pages: [oPage]
});

var oPage = new sap.m.Page({
    title: "My Page",
    content: [
        // Your page content here
    ],
    footer: new sap.m.Toolbar({
        content: [
            new sap.m.Button({
                text: "Footer Button"
            })
        ]
    })
});

Footer Show/Hide Example

You can dynamically control footer visibility using the showFooter property. This example demonstrates showing and hiding the footer ?

// Show footer
oPage.setShowFooter(true);

// Hide footer
oPage.setShowFooter(false);

For more detailed examples and documentation, refer to the UI5 Documentation.

Conclusion

Using the sap.m.App control as your root container ensures proper footer functionality in SAPUI5 applications, allowing you to show or hide footers as needed.