New to Telerik UI for WinForms? Download free 30-day trial

Getting Started with WinForms OfficeNavigationBar

This tutorial will walk you through the creation of a sample application that contains RadOfficeNavigationBar.

The following picture shows the final result produced by the code of this tutorial.

WinForms RadOfficeNavigationBar Sample Overview

The design may vary according to the applied theme to the application.

Defining RadOfficeNavigationBar

To start using the RadOfficeNavigationBar control, you can just populate its Pages collection with RadPageViewPage objects.


    RadOfficeNavigationBar radOfficeNavigationBar = new RadOfficeNavigationBar();
    var page1 = new RadPageViewPage() { Text = "Mail" };
    page1.Controls.Add(new Label() {Text="Mail" });
    var page2 = new RadPageViewPage() { Text = "Calendar" };
    page2.Controls.Add(new Label() { Text = "Calendar" });
    var page3 = new RadPageViewPage() { Text = "People" };
    page3.Controls.Add(new Label() { Text = "People" });
    var page4 = new RadPageViewPage() { Text = "Tasks" };
    page4.Controls.Add(new Label() { Text = "Tasks" });
    radOfficeNavigationBar.Controls.Add(page1);
    radOfficeNavigationBar.Controls.Add(page2);
    radOfficeNavigationBar.Controls.Add(page3);
    radOfficeNavigationBar.Controls.Add(page4);
    this.Controls.Add(radOfficeNavigationBar);

Telerik UI for WinForms Learning Resources