Skip to main content
A newer version of this page is available. .

Navigation and Layout

  • 2 minutes to read

The DevExpress Navigation Suite for Blazor is a set of components designed to improve data presentation and navigation.

Run Demo: Navigation and Layout - Overview

Accordion

The Accordion component allows you to display collapsible panels and organize information on pages with space constraints. You can also use this component as a navigation control.

Blazor Navigation Landing Accordion

Read Tutorial: Explore Features Run Demo Watch Video

Context Menu

You can use the Context Menu component to add a context menu to your Blazor application.

Blazor Navigation Landing Context Menu

Read Tutorial: Explore Features Run Demo

The DropDown component allows you to create a drop-down window in your Blazor application.

Blazor Navigation DropDown

Read Tutorial: Explore Features Run Demo

Flyout

The Flyout component allows you to create a flyout window in your Blazor application.

Blazor Navigation Flyout

Read Tutorial: Explore Features Run Demo

Form Layout

The Form Layout component allows you to construct responsive edit forms that are automatically arranged.

Blazor Navigation Landing Form Layout

Read Tutorial: Explore Features Run Demo Watch Video

Grid Layout

The Grid Layout component allows you to arrange UI elements on a page. The component is based on a CSS Grid Layout: layout items are organized into rows and columns.

Grid Layout

Read Tutorial: Explore Features Run Demo Watch Video

You can use the Menu component to add an adaptive menu to your Blazor application.

Menu Overview

Read Tutorial: Explore Features Run Demo Watch Video

Pager

The Pager component enables page navigation.

Blazor Navigation Landing Pager

Read Tutorial: Explore Features Run Demo

The Popup component is a pop-up window that overlays the current view.

Blazor Navigation Landing Popup

Read Tutorial: Explore Features Run Demo

Stack Layout

The Stack Layout component allows you to stack UI elements vertically or horizontally.

Stack Layout

Read Tutorial: Explore Features Run Demo Watch Video

Tabs

The Tabs component allows you to build tabbed interfaces within your web sites.

Blazor Navigation Landing Tab

Read Tutorial: Explore Features Run Demo Watch Video

Toolbar

The Toolbar component allows you to implement an adaptive button-based interface in your Blazor application.

Blazor Navigation Landing Toolbar

Read Tutorial: Explore Features Run Demo Watch Video

TreeView

The TreeView component displays hierarchical data structures within a tree-like UI.

Blazor Navigation Landing TreeView

Read Tutorial: Explore Features Run Demo

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.