Skip to content

Commit 7a23b6f

Browse files
eshanrnhgitbook-bot
authored andcommitted
GITBOOK-30: Fixed API and training course link
1 parent 488c0f9 commit 7a23b6f

File tree

73 files changed

+296
-326
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+296
-326
lines changed

16/umbraco-cms/.gitbook/includes/umbraco-extending-the-backoffice-training-course.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@ title: Umbraco Extending the Backoffice Training Course
44

55
Umbraco HQ offers a training course covering extending and customizing the Umbraco Backoffice to enhance the editing experience. The course targets frontend and backend developers familiar with Umbraco who want to extend the UI for editors.
66

7-
[Explore Extending the Backoffice Training Course](https://umbraco.com/training/course-details/extending-the-backoffice-details/) to learn more about the topics covered and how it can enhance your Umbraco development skills.
7+
[Explore Extending the Backoffice Training Course](https://umbraco.com/training/course-details/extending-the-backoffice/) to learn more about the topics covered and how it can enhance your Umbraco development skills.

16/umbraco-cms/customizing/extending-overview/extension-types/dashboard.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,7 @@ Read more about the available conditions:
111111
{% content-ref url="condition.md" %}
112112
[condition.md](condition.md)
113113
{% endcontent-ref %}
114+
114115
## Registering your Dashboard
115116

116117
This section dives into the Dashboard Extension Manifest, shows how to register one, and append additional details.
@@ -176,6 +177,9 @@ The dashboard manifest can contain the following properties:
176177
| Property | Type | Description |
177178
| Label | string | The label shown to the user |
178179
| pathname | string | The routable URL pathname |
180+
| Property | Type | Description |
181+
| Label | string | The label shown to the user |
182+
| pathname | string | The routable URL pathname |
179183
| conditions | array | (Optional) [Conditions](condition.md) for when the dashboard should be displayed |
180184

181185
### Full Example

16/umbraco-cms/customizing/overview.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,11 @@ In this section, you will find all the resources you need to customize or build
1818

1919
## General Resources
2020

21-
<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Extensions Overview</strong></td><td>Explore the options for bringing your own piece into the platform.</td><td><a href="extending-overview/">extending-overview</a></td><td><a href="../.gitbook/assets/gitbook1.png">gitbook1.png</a></td></tr><tr><td><strong>Foundation</strong></td><td>Learn about the Core features of the Backoffice, how to integrate and make reactive UI</td><td><a href="foundation/">foundation</a></td><td><a href="../.gitbook/assets/gitbook1.png">gitbook1.png</a></td></tr><tr><td><p><strong>Backoffice UI API</strong></p><p>See the modules export, interfaces, hierarchy, code examples, and much more.</p></td><td></td><td><a href="https://apidocs.umbraco.com/v15/ui-api/index.html">https://apidocs.umbraco.com/v15/ui-api/index.html</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Tutorials_the_Starter_Kit.png">Documentations Icons_Umbraco_CMS_Tutorials_the_Starter_Kit.png</a></td></tr><tr><td><strong>Examples &#x26; Playground</strong></td><td>Experience fully working customizations. This is also the place for you to get hands-on experience.</td><td><a href="../examples-and-playground.md">examples-and-playground.md</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Reference_Querying_and_Models.png">Documentations Icons_Umbraco_CMS_Reference_Querying_and_Models.png</a></td></tr></tbody></table>
21+
<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Extensions Overview</strong></td><td>Explore the options for bringing your own piece into the platform.</td><td><a href="extending-overview/">extending-overview</a></td><td><a href="../.gitbook/assets/gitbook1.png">gitbook1.png</a></td></tr><tr><td><strong>Foundation</strong></td><td>Learn about the Core features of the Backoffice, how to integrate and make reactive UI.</td><td><a href="foundation/">foundation</a></td><td><a href="../.gitbook/assets/gitbook1.png">gitbook1.png</a></td></tr><tr><td><p><strong>Backoffice UI API</strong></p><p>See the modules export, interfaces, hierarchy, code examples, and much more.</p></td><td></td><td><a href="https://apidocs.umbraco.com/v16/ui-api/index.html">https://apidocs.umbraco.com/v16/ui-api/index.html</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Tutorials_the_Starter_Kit.png">Documentations Icons_Umbraco_CMS_Tutorials_the_Starter_Kit.png</a></td></tr><tr><td><strong>Examples &#x26; Playground</strong></td><td>Experience fully working customizations. This is also the place for you to get hands-on experience.</td><td><a href="../examples-and-playground.md">examples-and-playground.md</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Reference_Querying_and_Models.png">Documentations Icons_Umbraco_CMS_Reference_Querying_and_Models.png</a></td></tr></tbody></table>
2222

2323
## Get started with a tutorial
2424

25-
<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Create a UI Extension</strong></td><td>Use this tutorial on how to extend the backoffice using a basic customization</td><td><a href="../tutorials/creating-your-first-extension.md">creating-your-first-extension.md</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Extending_Sections_and_Trees.png">Documentations Icons_Umbraco_CMS_Extending_Sections_and_Trees.png</a></td></tr><tr><td><strong>Create a dashboard</strong></td><td>Display a good overview for the needs of your Content Editors</td><td><a href="../tutorials/creating-a-custom-dashboard/">creating-a-custom-dashboard</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Extending_Dashboards.png">Documentations Icons_Umbraco_CMS_Extending_Dashboards.png</a></td></tr><tr><td><strong>Create a Property Editor</strong></td><td>Build a custom editor for the needs of your Content Editors</td><td><a href="../tutorials/creating-a-property-editor/">creating-a-property-editor</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Extending_Property_Editors.png">Documentations Icons_Umbraco_CMS_Extending_Property_Editors.png</a></td></tr></tbody></table>
25+
<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Create a UI Extension</strong></td><td>Use this tutorial on how to extend the backoffice using a basic customization.</td><td><a href="../tutorials/creating-your-first-extension.md">creating-your-first-extension.md</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Extending_Sections_and_Trees.png">Documentations Icons_Umbraco_CMS_Extending_Sections_and_Trees.png</a></td></tr><tr><td><strong>Create a dashboard</strong></td><td>Display an overview of the needs of your Content Editors.</td><td><a href="../tutorials/creating-a-custom-dashboard/">creating-a-custom-dashboard</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Extending_Dashboards.png">Documentations Icons_Umbraco_CMS_Extending_Dashboards.png</a></td></tr><tr><td><strong>Create a Property Editor</strong></td><td>Build a custom editor for the needs of your Content Editors.</td><td><a href="../tutorials/creating-a-property-editor/">creating-a-property-editor</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Extending_Property_Editors.png">Documentations Icons_Umbraco_CMS_Extending_Property_Editors.png</a></td></tr></tbody></table>
2626

2727
***
2828

16/umbraco-cms/customizing/searchable-trees.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ This page is a work in progress and may undergo further revisions, updates, or a
66

77
When you type a search term into the Umbraco backoffice search field, you'll see search results from all the Section Trees that your user account has permission to access:
88

9-
![Content Section Dashboards](<../../../10/umbraco-cms/extending/section-trees/images/backoffice-search-v8 (1).png>)
9+
![Content Section Dashboards](<../../../17/umbraco-cms/.gitbook/assets/backoffice-search-v8 (1).png>)
1010

1111
The results are grouped by 'Section Tree' like Content, Media, Document Types. Each 'Tree' has its own associated search mechanism that receives the search term and looks for matches in the tree that is responsible for searching.
1212

@@ -125,7 +125,7 @@ public class FavouriteThingsSearchableTree : ISearchableTree
125125

126126
That's all we need, after an application pool recycle, if we now search in the backoffice we'll see matches from our custom 'Favourite Things' tree:
127127

128-
![Content Section Dashboards](<../../../10/umbraco-cms/extending/section-trees/images/favouritethings-search-v8 (1).png>)
128+
![Content Section Dashboards](<../../../17/umbraco-cms/.gitbook/assets/favouritethings-search-v8 (1).png>)
129129

130130
Umbraco automatically finds any implementation of `ISearchableTree` in your site and automatically configures it to be used for the custom section mentioned in the TreeAlias property. Be careful not to accidentally have two `ISearchableTree` implementations trying to search the 'same' TreeAlias, it's _one_ `ISearchableTree` per TreeAlias.
131131

16/umbraco-cms/customizing/ui-library.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
---
2-
description: Find out more about Umbraco Backoffice UI Library, Backoffice UI API and Storybook.
2+
description: >-
3+
Find out more about Umbraco Backoffice UI Library, Backoffice UI API and
4+
Storybook.
35
---
46

57
# UI Library
@@ -16,8 +18,7 @@ With Umbraco 14 the Umbraco backoffice has been rebuilt using Web Components and
1618

1719
With the UI API, you get a set of collections related to modules export, interfaces, and hierarchy. This includes code examples and much more that you can use to extend the backoffice.
1820

19-
<table data-card-size="large" data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><a href="https://apidocs.umbraco.com/v15/ui/"><strong>Backoffice UI Library</strong></a></td><td>See, test, and get a feel for the familiar backoffice components built using the new UI components.</td><td><a href="https://apidocs.umbraco.com/v15/ui/">https://apidocs.umbraco.com/v15/ui/</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Fundamentals_Backoffice (1) (2).png">Documentations Icons_Umbraco_CMS_Fundamentals_Backoffice (1) (2).png</a></td></tr><tr><td><a href="https://apidocs.umbraco.com/v15/ui-api/"><strong>Backoffice UI API</strong></a></td><td>Find reference documentation about all types and contexts in the Backoffice.</td><td><a href="https://apidocs.umbraco.com/v15/ui-api/">https://apidocs.umbraco.com/v15/ui-api/</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Fundamentals_Code.png">Documentations Icons_Umbraco_CMS_Fundamentals_Code.png</a></td>
20-
</tr></tbody></table>
21+
<table data-card-size="large" data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><a href="https://apidocs.umbraco.com/v15/ui/"><strong>Backoffice UI Library</strong></a></td><td>See, test, and get a feel for the familiar backoffice components built using the new UI components.</td><td><a href="https://apidocs.umbraco.com/v15/ui/">https://apidocs.umbraco.com/v15/ui/</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Fundamentals_Backoffice (1) (2).png">Documentations Icons_Umbraco_CMS_Fundamentals_Backoffice (1) (2).png</a></td></tr><tr><td><a href="https://apidocs.umbraco.com/v15/ui-api/"><strong>Backoffice UI API</strong></a></td><td>Find reference documentation about all types and contexts in the Backoffice.</td><td><a href="https://apidocs.umbraco.com/v15/ui-api/">https://apidocs.umbraco.com/v15/ui-api/</a></td><td><a href="../.gitbook/assets/Documentations Icons_Umbraco_CMS_Fundamentals_Code.png">Documentations Icons_Umbraco_CMS_Fundamentals_Code.png</a></td></tr></tbody></table>
2122

2223
## UI Library Storybook
2324

@@ -35,10 +36,10 @@ The [Storybook](https://uui.umbraco.com/) is the starting point for working with
3536

3637
1. Canvas - The Canvas tab allows to use the interactive controls.
3738

38-
<figure><img src="../../../10/umbraco-cms/extending/images/Canvas_tab (1).png" alt=""><figcaption></figcaption></figure>
39+
<figure><img src="../../../17/umbraco-cms/.gitbook/assets/Canvas_tab (1).png" alt=""><figcaption></figcaption></figure>
3940
2. Documentation - Here, you can find code examples for all the stories and use them in your markup. You can look it up by tag name or head to the project repository, where, in the packages folder, you will find all the component packages with all the necessary scripts and examples in the readme files.
4041

41-
<figure><img src="../../../10/umbraco-cms/extending/images/Docs_tab (1) (2).png" alt=""><figcaption></figcaption></figure>
42+
<figure><img src="../../../17/umbraco-cms/.gitbook/assets/Docs_tab (1).png" alt=""><figcaption></figcaption></figure>
4243

4344
### Import UI Library Components
4445

16/umbraco-cms/extending/database.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Umbraco ships with [NPoco](https://github.com/schotime/NPoco), which enables map
88

99
The end result looks like this:
1010

11-
![Database result of a migration](<../../../10/umbraco-cms/extending/images/db-table (1) (1) (1).png>)
11+
![Database result of a migration](<../../../17/umbraco-cms/extending/images/db-table (1).png>)
1212

1313
## Using a Composer and Component
1414

0 commit comments

Comments
 (0)