diff --git a/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json b/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json index 4556fd6496..e6c42930a8 100644 --- a/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json +++ b/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json @@ -1,4 +1,4 @@ -[ +[ { "name": "Introduction", "alias": "umbIntroIntroduction", @@ -24,7 +24,7 @@ "element": "#applications", "elementPreventClick": true, "title": "Main Menu", - "content": "This is the main menu in Umbraco backoffice. Here you can navigate betweeen the different sections, see your user profile and open the help drawer", + "content": "This is the main menu in Umbraco backoffice. Here you can navigate between the different sections, see your user profile and open the help drawer.", "backdropOpacity": 0.6 }, { @@ -38,7 +38,7 @@ "element": "#tree", "elementPreventClick": true, "title": "The Tree", - "content": "

This is the Tree and is the main navigation inside a section.

In the Content section the tree is called the Content tree and here you can navigate the content of your website.

" + "content": "

This is the Tree and it is the main navigation inside a section.

In the Content section the tree is called the Content tree and here you can navigate the content of your website.

" }, { "element": "[data-element='editor-container']", @@ -67,7 +67,7 @@ { "element": "[data-element~='overlay-user'] [data-element='button-overlayClose']", "title": "User profile", - "content": "Let's close the user profile again", + "content": "Let's close the user profile again.", "event": "click" }, { @@ -108,7 +108,7 @@ "steps": [ { "title": "Create your first Document Type", - "content": "

Step 1 of any site is to create a Document Type.
A Document Type is a template for content. For each type of content you want to create you'll create a Document Type. This will define where content based on this Document Type can be created, how many properties it holds and what the input method should be for these properties.

When you have at least one Document type in place you can start creating content and this content can then be used in a template.

In this tour you will learn how to set up a basic Document Type with a property to enter a short text.

", + "content": "

Step 1 of any site is to create a Document Type.
A Document Type is a template for content. For each type of content you want to create you'll create a Document Type. This will define where content based on this Document Type can be created, how many properties it holds and what the input method should be for these properties.

When you have at least one Document Type in place you can start creating content and this content can then be used in a template.

In this tour you will learn how to set up a basic Document Type with a property to enter a short text.

", "type": "intro" }, { @@ -128,7 +128,7 @@ { "element": "#dialog [data-element='action-documentType']", "title": "Create Document Type", - "content": "

Click Document Type to create a new document type with a template. The template will be automatically created and set as the default template for this Document Type

You will use the template in a later tour to render content.

", + "content": "

Click Document Type to create a new document type with a template. The template will be automatically created and set as the default template for this Document Type.

You will use the template in a later tour to render content.

", "event": "click" }, { @@ -181,7 +181,7 @@ "element": "[data-element~='overlay-editor-picker']", "elementPreventClick": true, "title": "Editor picker", - "content": "

In the editor picker dialog we can pick one of the many built-in editor.

You can choose from preconfigured data types (Reuse) or create a new configuration (Available editors)

" + "content": "

In the editor picker dialog we can pick one of the many built-in editors.

You can choose from preconfigured data types (Reuse) or create a new configuration (Available editors).

" }, { "element": "[data-element~='overlay-editor-picker'] [data-element='editor-Textarea']", @@ -193,7 +193,7 @@ "element": "[data-element~='overlay-editor-settings']", "elementPreventClick": true, "title": "Editor settings", - "content": "Each property editor can have individual settings. For the textarea editor you can set a character limit but in this case it is not needed" + "content": "Each property editor can have individual settings. For the textarea editor you can set a character limit but in this case it is not needed." }, { "element": "[data-element~='overlay-editor-settings'] [data-element='button-overlaySubmit']", @@ -264,7 +264,7 @@ { "element": "[data-element='editor-content'] [data-element='property-welcomeText']", "title": "Add a welcome text", - "content": "

Add content to the Welcome Text field

If you don't have any ideas here is a start:

I am learning Umbraco. High Five I Rock #H5IR
.

" + "content": "

Add content to the Welcome Text field.

If you don't have any ideas here is a start:

I am learning Umbraco. High Five I Rock #H5IR
.

" }, { "element": "[data-element='editor-content'] [data-element='button-saveAndPublish']", @@ -291,13 +291,13 @@ "steps": [ { "title": "Render your content in a template", - "content": "

Templating in Umbraco builds on the concept of Razor Views from asp.net MVC. - This tour is a sneak peak on how to write templates in Umbraco.

In this tour you will learn how to render content from the Home Page document type so you can see the content added to our Home content page.

", + "content": "

Templating in Umbraco builds on the concept of Razor Views from ASP.NET MVC. This tour is a sneak peak on how to write templates in Umbraco.

In this tour you will learn how to render content from the Home Page document type so you can see the content added to our Home content page.

", "type": "intro" }, { "element": "#applications [data-element='section-settings']", "title": "Navigate to the Settings section", - "content": "

In the Settings section you will find all the templates

It is of course also possible to edit all your code files in your favorite code editor.

", + "content": "

In the Settings section you will find all the templates.

It is of course also possible to edit all your code files in your favorite code editor.

", "event": "click", "backdropOpacity": 0.6 }, @@ -346,7 +346,7 @@ "steps": [ { "title": "View your Umbraco site", - "content": "

Our three main components to a page is done: Document type, Template, and Content - it is now time to see the result.

In this tour you will learn how to see your published website.

", + "content": "

Our three main components to a page are done: Document type, Template, and Content. It is now time to see the result.

In this tour you will learn how to see your published website.

", "type": "intro" }, { @@ -359,7 +359,7 @@ { "element": "#tree [data-element='tree-item-Home']", "title": "Open the Home page", - "content": "

Click the Home page to open it

", + "content": "

Click the Home page to open it.

", "event": "click", "eventElement": "#tree [data-element='tree-item-Home'] a.umb-tree-item__label" }, @@ -408,7 +408,7 @@ { "element": "#tree [data-element='tree-root']", "title": "Create a new folder", - "content": "

First create a folder for your images. Hover the media root node and click the three small dots on the right side of the item.

", + "content": "

First create a folder for your images. Hover over the media root node and click the three small dots on the right side of the item.

", "event": "click", "eventElement": "#tree [data-element='tree-root'] [data-element='tree-item-options']" }, @@ -427,19 +427,19 @@ { "element": "[data-element='editor-media'] [data-element='button-save']", "title": "Save the folder", - "content": "

Click the Save button to create the new folder

", + "content": "

Click the Save button to create the new folder.

", "event": "click" }, { "element": "[data-element='editor-media'] [data-element='dropzone']", "title": "Upload images", - "content": "

In the upload area you can upload your media items.

Click the Click here to choose files-button and select a couple of images on your computer and upload them.

", + "content": "

In the upload area you can upload your media items.

Click the Click here to choose files button and select a couple of images on your computer and upload them.

", "view": "uploadimages" }, { "element": "[data-element='editor-media'] [data-element='media-grid-item-0']", "title": "View media item details", - "content": "Hover the media item and Click the purple bar to view details about the media item", + "content": "Hover over the media item and Click the purple bar to view details about the media item.", "event": "click", "eventElement": "[data-element='editor-media'] [data-element='media-grid-item-0'] [data-element='media-grid-item-edit']" },