Page.BottomAppBar Property

Definition

Namespace:

Microsoft.UI.Xaml.Controls

Gets or sets the AppBar displayed at the bottom of the page.

AppBar BottomAppBar();

void BottomAppBar(AppBar value);

public AppBar BottomAppBar { get; set; }

var appBar = page.bottomAppBar;
page.bottomAppBar = appBar;

Public Property BottomAppBar As AppBar

<Page ...>
  <Page.BottomAppBar>
    <AppBar .../>
  </Page.BottomAppBar>
</Page>

Property Value

AppBar

A reference to an AppBar displayed at the top of the page, if any; otherwise, null.

Remarks

Note

For apps in Windows 10 or later, placing commands in the TopAppBar and BottomAppBar is not recommended.

• For the latest guidance regarding general app commands, see Command bar.
• For the latest guidance regarding navigation commands, see Navigation design basics for Windows apps.

In XAML, make sure you specify the Page.BottomAppBar property element in the same area as other property elements that may already be defined, like Page.TopAppBar or Page.Resources. The XAML language enforces that you can't mix the property elements between the XAML content that is setting Content, such as the typical root Grid element. For more info on XAML syntax, see XAML syntax guide.

See also

• Command bar
• Navigation design basics for Windows apps