GITBOOK-9: Added new articles

Author: eshanrnh

16/umbraco-cms/extending/images/db-table (1) (1).png

@@ -111,6 +111,7 @@ Read more about the available conditions:
 {% content-ref url="condition.md" %}
 [condition.md](condition.md)
 {% endcontent-ref %}
+
 ## Registering your Dashboard
 
 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:
 | Property    | Type   | Description                                                                                                                                                                                                                                                                                               |
 | Label       | string | The label shown to the user                                                                                                                                                                                                                                                                               |
 | pathname    | string | The routable URL pathname                                                                                                                                                                                                                                                                                 |
+| Property    | Type   | Description                                                                                                                                                                                                                                                                                               |
+| Label       | string | The label shown to the user                                                                                                                                                                                                                                                                               |
+| pathname    | string | The routable URL pathname                                                                                                                                                                                                                                                                                 |
 | conditions  | array  | (Optional) [Conditions](condition.md) for when the dashboard should be displayed                                                                                                                                                                                                                          |
 
 ### Full Example

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

@@ -6,7 +6,7 @@ This page is a work in progress and may undergo further revisions, updates, or a
 
 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:
 
-![Content Section Dashboards](<../../../10/umbraco-cms/extending/section-trees/images/backoffice-search-v8 (1).png>)
+![Content Section Dashboards](<../../../16/umbraco-cms/.gitbook/assets/backoffice-search-v8 (1).png>)
 
 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.
 
@@ -125,7 +125,7 @@ public class FavouriteThingsSearchableTree : ISearchableTree
 
 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:
 
-![Content Section Dashboards](<../../../10/umbraco-cms/extending/section-trees/images/favouritethings-search-v8 (1).png>)
+![Content Section Dashboards](<../../../16/umbraco-cms/.gitbook/assets/favouritethings-search-v8 (1).png>)
 
 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.
 

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

@@ -1,5 +1,7 @@
 ---
-description: Find out more about Umbraco Backoffice UI Library, Backoffice UI API and Storybook.
+description: >-
+  Find out more about Umbraco Backoffice UI Library, Backoffice UI API and
+  Storybook.
 ---
 
 # UI Library
@@ -16,8 +18,7 @@ With Umbraco 14 the Umbraco backoffice has been rebuilt using Web Components and
 
 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.
 
-<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>
+<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>
 
 ## UI Library Storybook
 
@@ -35,10 +36,10 @@ The [Storybook](https://uui.umbraco.com/) is the starting point for working with
 
 1.  Canvas - The Canvas tab allows to use the interactive controls.
 
-    <figure><img src="../../../10/umbraco-cms/extending/images/Canvas_tab (1).png" alt=""><figcaption></figcaption></figure>
+    <figure><img src="../../../16/umbraco-cms/.gitbook/assets/Canvas_tab (1).png" alt=""><figcaption></figcaption></figure>
 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.
 
-    <figure><img src="../../../10/umbraco-cms/extending/images/Docs_tab (1) (2).png" alt=""><figcaption></figcaption></figure>
+    <figure><img src="../../../16/umbraco-cms/.gitbook/assets/Docs_tab (1).png" alt=""><figcaption></figcaption></figure>
 
 ### Import UI Library Components
 

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

@@ -8,7 +8,7 @@ Umbraco ships with [NPoco](https://github.com/schotime/NPoco), which enables map
 
 The end result looks like this:
 
-![Database result of a migration](<../../../10/umbraco-cms/extending/images/db-table (1) (1) (1).png>)
+![Database result of a migration](<../../../16/umbraco-cms/extending/images/db-table (1).png>)
 
 ## Using a Composer and Component