# 03 Tabbed Page – demo explained

https://github.com/howest-mct/DEVPROG_DEMO_03/tree/main/Demo_03_TabbedPage

There is a variety of ways to navigate through Xamarin.Forms, on which more can be found in your eBook – chapter 24: Page navigation. You can find various demo’s in this repository to demonstrate different page types and navigation.

In this document, we will explain how to use a Tabbed Page. This page type allows you to navigate from one page to another, and back.

## Page Type(s)

We need a Tabbed Page that refers to several Content Pages.

## How to create a tabbed page

1. **Create the content pages.**
2. Create a **tabbed** page that will refer to all your content pages with a title.

### Create the content pages

Each tab is a content page on its own. Create a ContentPage inside a ‘View’ folder for each tab you want and fill it with the required content. (see: NavigationPage demo)


### Create a tabbed page

* Inside the main folder, add a new item of type Tabbed page and name it.
* Add a namespace that refers to the view folder:

    <TabbedPage ...
            xmlns:view="clr-namespace:Demo_03_TabbedPage.View">

* Add a tab to each contentpage you want to refer to, and the associated (tab) title: