.NET MAUI Backdrop Page (SfBackdropPage) Overview

25 Jun 20264 minutes to read

The Syncfusion® .NET MAUI Backdrop page comprises two surfaces: a back layer and a front layer. The back layer holds actionable content (like navigation or filtration), which is relevant to the front layer.

BackdropPage control for .NET MAUI.

Business use cases

  • Navigation panels with contextual menus for streamlined app navigation.
  • Search and filtering panels layered behind main content for efficient workflows.
  • Dashboards with expandable configuration panels or control sections.
  • Mobile apps requiring layered UI layouts for better space utilization.

Key features

  • Navigation integration works with NavigationPage and supports toolbar customization.
  • Adaptive back layer height adjusts the height of the back layer based on its content and allows full expansion.
  • Customizable front layer shape supports curved and flat edge styles with configurable corner radius.
  • Smooth layer animations provide animations when revealing or hiding the back layer.
  • Custom header icons allow different icons for expanded and collapsed states.

Globalization

The following table summarizes the globalization support available in this control.

Full Support Not Applicable
Control Localization RTL Time zone Screen reader Keyboard navigation
Backdrop not-applicable full-support not-applicable not-applicable not-applicable
  • Accordion for organizing collapsible content within panels.
  • ListView for displaying navigational options or filter lists in the back layer.
  • Navigation Drawer for implementing sliding panel navigation patterns.

See Also

  • Getting Started shows how to begin using BackdropPage step by step.
  • Header Configuration explains how to configure headers and icons for different states.
  • UI Kit provides interactive demos and ready-made UI examples.

Resources

Feature Tour

Get a quick overview of key features and capabilities to kick start your journey.
Explore Features

Showcase Samples

Explore real-world sample apps to see components in action and learn by example.
View Samples

Tutorial Videos

Watch step‑by‑step video guides to quickly understand concepts and implementation.
Watch now

Knowledge Base

Find practical solutions, troubleshooting tips and how‑to guides for common scenarios.
Search KB's

Blogs

Discover in‑depth articles, use cases and expert insights from our developers.
Read Blogs