Skip to content

Commit 15d79e5

Browse files
authored
Merge pull request #7515 from umbraco/update-image-links
Updated image paths to current folder
2 parents 438d5ea + 73115af commit 15d79e5

File tree

70 files changed

+248
-242
lines changed

Some content is hidden

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

70 files changed

+248
-242
lines changed

13/umbraco-cms/extending/backoffice-tours.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -62,23 +62,23 @@ Below is an explanation of each of the properties on the tour configuration obje
6262

6363
This is the name that is displayed in the help drawer for the tour.
6464

65-
![Tour name highlighted](../../../10/umbraco-cms/extending/images/tourname-v8.png)
65+
![Tour name highlighted](images/tourname-v8.png)
6666
* **alias**
6767

6868
The unique alias of your tour. This is used to track the progress a user has made while taking a tour. The progress information is stored in the `TourData` column of the `UmbracoUsers` table in the database.
6969
* **group**
7070

7171
The group property is used to group related tours in the help drawer under a common subject (for example Getting started).
7272

73-
![Tour group highlighted](../../../10/umbraco-cms/extending/images/tourgroup-v8.png)
73+
![Tour group highlighted](images/tourgroup-v8.png)
7474
* **groupOrder**
7575

7676
This is used to control the order of the groups in the help drawer. This must be an integer value.
7777
* **allowDisable**
7878

7979
A boolean value that indicates if the "Don't show this tour again" should be shown on the tour steps. If the user clicks this link the tour will no longer be shown in the help drawer.
8080

81-
![Tour allow disable link highlighted](../../../10/umbraco-cms/extending/images/tourallowdisable-v8.png)
81+
![Tour allow disable link highlighted](images/tourallowdisable-v8.png)
8282
* **culture**
8383

8484
You have the option to set a culture, such as nl-NL. This tour will exclusively be displayed to users who have set this culture in their profile.
@@ -88,7 +88,7 @@ Below is an explanation of each of the properties on the tour configuration obje
8888

8989
The `contentType` property can also be used to limit the tours to content types that are using a specific composition. This will show the tour on all nodes that are using a specific composition.
9090

91-
![Content Type specific tours](<../../../10/umbraco-cms/extending/images/contentTypespecific (1) (1) (1) (1) (1).png>)
91+
![Content Type specific tours](images/contentTypespecific.png)
9292

9393
In the image above, two tours are available on the _Welcome_ node:
9494

@@ -133,12 +133,12 @@ Below is an explanation of each of the properties on the tour step object.
133133

134134
This the title shown on the tour step.
135135

136-
![Tour step highlighted](../../../10/umbraco-cms/extending/images/steptitle-v8.png)
136+
![Tour step highlighted](images/steptitle-v8.png)
137137
* **content**
138138

139139
This text will be shown on the tour step, it can contain HTML markup.
140140

141-
![Tour content highlighted](../../../10/umbraco-cms/extending/images/stepcontent-v8.png)
141+
![Tour content highlighted](images/stepcontent-v8.png)
142142
* **type**
143143

144144
The type of step. Currently, only one type is supported : "intro". This will center the step and show a "Start tour" button.
@@ -156,7 +156,7 @@ Below is an explanation of each of the properties on the tour step object.
156156
Use the developer tools from your browser to find the id, class and data-attribute.
157157
{% endhint %}
158158

159-
<figure><img src="../../../10/umbraco-cms/extending/images/element-v8.png" alt=""><figcaption></figcaption></figure>
159+
<figure><img src="images/element-v8.png" alt=""><figcaption></figcaption></figure>
160160

161161
* **elementPreventClick**
162162

@@ -182,7 +182,7 @@ Below is an explanation of each of the properties on the tour step object.
182182

183183
The image below shows the entire tree highlighted, but requires the user to click on a specific tree element.
184184

185-
![Step eventElement highlighted](../../../10/umbraco-cms/extending/images/step-event-element-v8.png)
185+
![Step eventElement highlighted](images/step-event-element-v8.png)
186186
* **skipStepIfVisible**
187187

188188
A CSS selector for an element that, if it is visible, will skip this tour step.

13/umbraco-cms/extending/content-apps.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Content Apps are **companions** to the editing experience when working with cont
1010

1111
With Content Apps, editors can switch from editing 'Content' to accessing contextual information related to the item they are editing.
1212

13-
![Content Apps in backoffice](../../../10/umbraco-cms/extending/images/content-app-1.png)
13+
![Content Apps in backoffice](images/content-app-1.png)
1414

1515
### Default Content Apps
1616

@@ -144,7 +144,7 @@ And in the `.html` file:
144144

145145
After the above edits are done, restart your application. Go to any content node and you should now see an app called Word Counter. Clicking on the icon should say "Amount of words for each property" and confirm the details of the current item and user. You can now adapt your Content App to retrieve external data using the standard Umbraco and AngularJS approach.
146146

147-
![Content App in action: Word Counter](../../../10/umbraco-cms/extending/images/content-app-2.png)
147+
![Content App in action: Word Counter](images/content-app-2.png)
148148

149149
### Limiting according to type
150150

@@ -278,7 +278,7 @@ There are times when you want to draw the attention of editors to your content b
278278
279279
When you set a badge, a circle with a chosen background and a number in it will be added to the content app icon.
280280
281-
![Content App badge](../../../10/umbraco-cms/extending/images/content-app-badge.png)
281+
![Content App badge](images/content-app-badge.png)
282282
283283
You can enable a badge by using this code in the angular controller of your content app.
284284

13/umbraco-cms/extending/database.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ It is possible to add custom database tables to your site to store additional da
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](images/db-table.png)
1212

1313
## Using a Composer and Component
1414

13/umbraco-cms/extending/macro-parameter-editors.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ angular.module("umbraco").controller("Our.Umbraco.ImagePositionController", func
133133

134134
The final custom parameter should look like this:
135135

136-
![Image Position Radio Button Options](../../../10/umbraco-cms/extending/images/image-position-v8.png)
136+
![Image Position Radio Button Options](images/image-position-v8.png)
137137

138138
#### Using defaultConfig
139139

13/umbraco-cms/extending/package-manifest.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -322,7 +322,7 @@ To associate the hosted JSON schema file to all package.manifest files you will
322322
* File -> Preferences -> Settings. The **Settings** window opens.
323323
* In the **User** tab, go to **Extensions** -> **JSON** -> **Schemas**.
324324

325-
<figure><img src="../../../10/umbraco-cms/extending/property-editors/images/JSON-schema.png" alt=""><figcaption></figcaption></figure>
325+
<figure><img src="property-editors/images/JSON-schema.png" alt=""><figcaption></figcaption></figure>
326326
* Select **Edit in settings.json** from the **Schemas** section.
327327
* Add the following snippet in the `settings.json` file:
328328

13/umbraco-cms/extending/packages/creating-a-package.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ To create a package, you first need to create a package schema through the Umbra
1414
2. Select `Created` in the top-right corner of the screen.
1515
3. Select the `Create package` button.
1616

17-
![Buttons to select for creating a package schema in the backoffice](../../../../10/umbraco-cms/extending/packages/images/creating-package-menu-v9.png)
17+
![Buttons to select for creating a package schema in the backoffice](images/creating-package-menu-v9.png)
1818
4. On the `Create package` page, there are fields that you can use to construct the contents of your package that are based on items from the backoffice.
1919
5. Enter the package name at the top - we will call our dashboard the same as in the mentioned [Tutorial](../../tutorials/creating-a-custom-dashboard/): `Custom Welcome Dashboard`.
2020

@@ -45,7 +45,7 @@ After filling out all the information, we can select **Create** to create the pa
4545

4646
If your package doesn't include backoffice specific items, the result from downloading it will be just a `package.xml` file. Otherwise, if you select media files you will download a ZIP package that looks like this:
4747

48-
![Content of a ZIP package](../../../../10/umbraco-cms/extending/packages/images/zip-package-v9.png)
48+
![Content of a ZIP package](images/zip-package-v9.png)
4949

5050
Additionally to the `package.xml`, there is a folder containing the media items for your package. The rest of the information is recorded in the XML schema document.
5151

@@ -96,31 +96,31 @@ For a guide on how to install the project templates, follow the 2 steps listed i
9696

9797
The outcome is the files generated below:
9898

99-
![Content of an empty package](<../../../../10/umbraco-cms/extending/packages/images/empty-package-from-template (1).png>)
99+
![Content of an empty package](images/empty-package-from-template.png)
100100

101-
Apart from the project file, you can find an empty `package.manifest` inside the **App\_Plugins** folder, which we will replace with the one created from the [Creating a Custom Dashboard Tutorial](../../tutorials/creating-a-custom-dashboard/). But more importantly, it also contains a `build/CustomWelcomeDashboard.targets` file.
101+
Apart from the project file, the **App_Plugins** folder includes an empty `package.manifest`, which is replaced with the one created in the [Creating a Custom Dashboard Tutorial](../../tutorials/creating-a-custom-dashboard/). More importantly, it also contains a `build/CustomWelcomeDashboard.targets` file.
102102

103103
This file contains an `msbuild` target that is executed when a project has a dependency on this package. It copies the `App_Plugins` folder into the project on build. This is required for having Umbraco packages in a NuGet package format.
104104

105105
{% hint style="info" %}
106-
If you are planning to overwrite the contents of the **App\_Plugins** folder, make sure that the subfolder containing your package contents has the same name as the one you specified after the `--name` flag and that the `package.manifest` has the correct path references to your files.
106+
If you are planning to overwrite the contents of the **App_Plugins** folder, make sure that the subfolder containing your package contents has the same name as the one you specified after the `--name` flag and that the `package.manifest` has the correct path references to your files.
107107
{% endhint %}
108108

109109
You can also add your custom C# files in the root of the package folder which will be part of the DLL of the package, but for our example, this won't be necessary.
110110

111111
### Transfer files
112112

113-
As mentioned previously, let's navigate to the **App\_Plugins** folder and replace its contents with the custom files we created for our new dashboard.
113+
As mentioned previously, let's navigate to the **App_Plugins** folder and replace its contents with the custom files we created for our new dashboard.
114114

115-
![App\_Plugins with dashboard files](../../../../10/umbraco-cms/extending/packages/images/app-pligins-contents.png)
115+
![App\_Plugins with dashboard files](images/app-pligins-contents.png)
116116

117117
### Specify package properties
118118

119119
In this section, we will demonstrate how you can add metadata about the package and its creator(s).
120120

121121
Now that Umbraco 9 is built on ASP.NET Core, you can add values directly to the package `csproj` file and it will pick them up. If you don't want to manually edit the `csproj` file, you can right-click your project, go to _Properties_ and then to _Package_. There you can insert your specific information:
122122

123-
![Package properties](<../../../../10/umbraco-cms/extending/packages/images/package-properties (1).png>)
123+
![Package properties](images/package-properties.png)
124124

125125
Here is an example of some basic properties that you can specify in your project file:
126126

@@ -217,7 +217,7 @@ public class PackageMigrationPlan : AutomaticPackageMigrationPlan
217217
}
218218
```
219219

220-
![Automatic package migration](../../../../10/umbraco-cms/extending/packages/images/embeded-resource.png)
220+
![Automatic package migration](images/embeded-resource.png)
221221

222222
{% hint style="info" %}
223223
Whenever the embedded package.xml file changes, the automatic package migration plan is executed again. This is due to the fact that the migration state is based on the file hash. Existing schema or content will not be overwritten in this process.
@@ -291,13 +291,13 @@ public class CustomPackageMigration : PackageMigrationBase
291291

292292
Here we also added the ZIP file as an embedded resource to the package project.
293293

294-
![ZIP as an embedded resource](<../../../../10/umbraco-cms/extending/packages/images/embeded-resource-props (1).png>)
294+
![ZIP as an embedded resource](images/embeded-resource-props.png)
295295

296-
![Automatic package migration](<../../../../10/umbraco-cms/extending/packages/images/embeded-zip-resource (1).png>)
296+
![Automatic package migration](images/embeded-zip-resource.png)
297297

298298
Whichever migration plan you choose to create, you will be able to see that your package has been installed after the migration is completed.
299299

300-
![Installed package](../../../../10/umbraco-cms/extending/packages/images/installed-package.png)
300+
![Installed package](images/installed-package.png)
301301

302302
When using a custom package migration plan, the current state is ignored by default. This causes it to execute all migrations again whenever this isn't the same as the final state of the plan (e.g. if you added a new migration). This is due to the `IgnoreCurrentState` being set to `true` in the `PackageMigrationPlan` base class. You can override this property and set it to `false` again to make it behave like regular migration plans and only run the migrations that have not yet been executed on the current environment.
303303

@@ -318,6 +318,6 @@ By default, all these package migrations are executed unattended during startup
318318
}
319319
```
320320

321-
![Attended package install](../../../../10/umbraco-cms/extending/packages/images/package-install-attended.png)
321+
![Attended package install](images/package-install-attended.png)
322322

323323
The configuration of package migrations can be different for each environment and makes it possible to have the migration executed unattended on the development environment, but leave them out or manually execute them on other environments. This is useful when you use a tool like Umbraco Deploy or USync as these will migrate the content.

13/umbraco-cms/extending/packages/example-package-repository.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,13 +68,13 @@ Even if using another tool it may be worth reviewing how we have setup our pipel
6868

6969
The build consists of two stages: building the solution and running unit tests. Only if both succeed is the build as a whole considered successful.
7070

71-
![Azure DevOps build pipeline](../../../../10/umbraco-cms/extending/packages/images/azuredevops-build.png)
71+
![Azure DevOps build pipeline](images/azuredevops-build.png)
7272

7373
### Releasing the Package
7474

7575
We release the package manually in Azure DevOps, with a two stage process. Firstly we release to a "pre-releases" feed, and then after manual approval, to NuGet.
7676

77-
![Azure DevOps release pipeline](../../../../10/umbraco-cms/extending/packages/images/azuredevops-release.png)
77+
![Azure DevOps release pipeline](images/azuredevops-release.png)
7878

7979

8080

51.3 KB
Loading
25.9 KB
Loading

13/umbraco-cms/extending/packages/installing-and-uninstalling-packages.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ The Package Manager has an integrated search function that allows you to find an
3838

3939
Once the package has been installed, it will show up under the **Packages** section in the backoffice, under **Installed** tab.
4040

41-
![Backoffice - installed packages](../../../../10/umbraco-cms/extending/packages/images/backoffice-installed-packages.png)
41+
![Backoffice - installed packages](images/backoffice-installed-packages.png)
4242

4343
## Uninstalling packages
4444

@@ -74,7 +74,7 @@ With packages like the StarterKit, the process does not end there. While the pac
7474

7575
There is no universal way to tell what content comes from a package, and what content is custom-made. In the Content section, delete individual nodes accordingly. If the goal is to fully remove the package and clean the site, all the content can be removed (and the recycle bin emptied).
7676

77-
<img src="../../../../10/umbraco-cms/extending/packages/images/removing-content.png" alt="Backoffice - removing content" data-size="original">
77+
<img src="images/removing-content.png" alt="Backoffice - removing content" data-size="original">
7878

7979
</details>
8080

@@ -104,7 +104,7 @@ Document Types can be removed from the **Settings** section. If fully removing t
104104

105105
As opposed to Document Types, there are some Data Types that are available out of the box when Umbraco is installed. It is not recommended to remove them. The safe approach is to delete any item that starts with a Document Type prefix and includes multiple dashes. That is the default naming convention for new configurations of Data Types (Example: "Blog - How many posts should be shown - Slider")
106106

107-
<img src="../../../../10/umbraco-cms/extending/packages/images/removing-datatypes.png" alt="Backoffice - removing data types" data-size="original">
107+
<img src="images/removing-datatypes.png" alt="Backoffice - removing data types" data-size="original">
108108

109109
</details>
110110

@@ -114,7 +114,7 @@ As opposed to Document Types, there are some Data Types that are available out o
114114

115115
No Templates are available out of the box in a new installation. If cleaning up after a package, it would be okay to delete all that are present
116116

117-
<img src="../../../../10/umbraco-cms/extending/packages/images/removing-templates.png" alt="Backoffice - removing templates" data-size="original">
117+
<img src="images/removing-templates.png" alt="Backoffice - removing templates" data-size="original">
118118

119119
</details>
120120

@@ -124,7 +124,7 @@ No Templates are available out of the box in a new installation. If cleaning up
124124

125125
Out of the box, there are a few views available in the `blocklist` and `grid` folders. Everything else can theoretically be removed.
126126

127-
<img src="../../../../10/umbraco-cms/extending/packages/images/removing-partials.png" alt="Backoffice - removing partial views" data-size="original">
127+
<img src="images/removing-partials.png" alt="Backoffice - removing partial views" data-size="original">
128128

129129
</details>
130130

@@ -154,7 +154,7 @@ In this example, we will be using the SEOChecker package. This package allows de
154154

155155
An example use case of the SEOChecker property on a Document Type, as presented in the Content section:
156156

157-
![SEOChecker in content](../../../../10/umbraco-cms/extending/packages/images/seochecker-content-section.png)
157+
![SEOChecker in content](images/seochecker-content-section.png)
158158

159159
To uninstall the SEOChecker from a website, the first step is to remove the package via a `dotnet` command or use the NuGet Package Manager.
160160

@@ -172,7 +172,7 @@ After that, cleaning the solution is recommended.
172172

173173
While uninstalling the package would remove most of the custom code, the `App_Plugins` folder has to be cleaned manually.
174174

175-
<img src="../../../../10/umbraco-cms/extending/packages/images/seochecker-app-plugins.png" alt="SEOChecker files in App Plugins" data-size="original">
175+
<img src="images/seochecker-app-plugins.png" alt="SEOChecker files in App Plugins" data-size="original">
176176

177177
Removing _seochecker_ folder from `App_Plugins` will clean up the leftover backoffice section and dashboards.
178178

@@ -184,6 +184,6 @@ If content on the website relies on having a custom Property Editor or a data so
184184

185185
In the case of the SEOChecker, the custom property added from the package would look like this after all the package files have been removed:
186186

187-
![The SEOChecker in Content after removing the package](../../../../10/umbraco-cms/extending/packages/images/seochecker-after-removal.png)
187+
![The SEOChecker in Content after removing the package](images/seochecker-after-removal.png)
188188

189189
Depending on the packages and the implementation, rendering of content from custom editors, or any frontend functionality dependent on external code, might not work correctly. It is always recommended to inspect the frontend of the site after removing any packages.

0 commit comments

Comments
 (0)