Skip to content

Update header apps #6212

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 25, 2024
Merged

Update header apps #6212

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
81b11b9
javascript JavaScript
erikjanwestendorp Jun 24, 2024
e95de2c
Remove 'just'
erikjanwestendorp Jun 24, 2024
76ee39d
Write shorter sentences
erikjanwestendorp Jun 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions 14/umbraco-cms/extending/backoffice-setup/extension-types/header-apps.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ This page is a work in progress and may undergo further revisions, updates, or a

A header app appears next to the user profile and global search icon on the top-right corner of Umbraco's backoffice.

In this article, you can find an example of an extension registry. This example goes through the creation of a Header App in two ways just as the extension registry can be done as well:
In this article, you can find an example of an extension registry. This example details the creation of a Header App in two ways, similar to how the extension registry can be created:

1. [Using a manifest file](header-apps.md#button-header-app-with-manifest).
2. [Using the javascript/typescript file](header-apps.md#button-header-app-with-js-ts).
2. [Using the JavaScript/typescript file](header-apps.md#button-header-app-with-js-ts).

<figure><img src="../../../.gitbook/assets/header-apps.svg" alt=""><figcaption><p>Header Apps</p></figcaption></figure>

Expand Down Expand Up @@ -61,7 +61,7 @@ Below you can find an example of how to setup a Header App using the manifest fi

Below you can find an example of how to setup a Header App using the ts file.

This is a continuation of the above steps from **Button Header App with Manifest** example as we will register a new Header App directly from the .ts file.
This is a continuation of the above steps from the **Button Header App with Manifest** example. We will register a new Header App directly from the .ts file.

1. Add a reference to the .js file. Update the `umbraco-package.json` with the following:

Expand Down