---
title: "Create a Single App Page with Employee Directory"
description: "How to create a single app page in SharePoint Online using the Vitextra Employee Directory web part — a full-page employee search available only in the modern UI."
url: https://vitextra.com/en/support/kb/10040
language: en
published: 2020-05-20
modified: 2026-10-10
products:
  - "Employee Directory"
author: "Līga Ozola"
tags: ["single app page SharePoint", "Employee Directory app page", "Vitextra Employee Directory", "create app page SharePoint Online", "full-page employee search", "SharePoint modern page", "SPFx app page"]
---

# Create a Single App Page with Employee Directory

How to create a single app page in SharePoint Online using the Vitextra Employee Directory web part — a full-page employee search available only in the modern UI.

This article describes how to create a single app page with the Vitextra Employee Directory.

## Introduction

The [Vitextra Employee Directory web part](https://vitextra.com/en/products/employee-directory) lets you search for users within your tenant. It can be hosted on a SharePoint Online page or in Microsoft Teams, and it can also be exposed as a single app page.

📝 **Note**  
Single app pages are available only in the modern UI. Classic pages don't support app page functionality.

## Create App Page

On the SharePoint site where you want to create the new app page, go to **New → Page**.

![SharePoint Site Menu](https://static.vitextra.com/articles/10040/new-page-menu.png)
*SharePoint Site Menu*

In the new page panel, click **Apps** and select Employee Directory under the *Featured* heading:

![New Page Creation Panel](https://static.vitextra.com/articles/10040/new-app-page-panel.png)
*New Page Creation Panel*

Click **Create page** to add the app page to the site. The new app page is created and opens in edit mode.

![SharePoint App Page. Edit Mode](https://static.vitextra.com/articles/10040/app-page-details-empty.png)
*SharePoint App Page. Edit Mode*

Enter a title for your page. It's required and is used as the page name.
Adjust the web part settings if needed, and click **Save**.

![Employee Directory App Page](https://static.vitextra.com/articles/10040/app-page-result.png)
*Employee Directory App Page*