From b72fc95d1f6f9cdcfbd11c81d440fdbf015f7e57 Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Mon, 3 Sep 2018 16:02:39 +0200 Subject: [PATCH] fix up getting started and create content tours --- .../src/views/common/dashboard.html | 2 +- .../application/umb-app-header.html | 4 +-- .../content/umb-tabbed-content.html | 4 +-- .../BackOfficeTours/getting-started.json | 26 +++++++++---------- 4 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html b/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html index c4e13f9289..4cc5eba4a0 100644 --- a/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html +++ b/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html @@ -4,7 +4,7 @@ -
+
    -
  • +
  • @@ -20,7 +20,7 @@
- + -
+
{{ group.label }}
@@ -8,7 +8,7 @@
- +
diff --git a/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json b/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json index dbd6b8d4f5..4d369d079a 100644 --- a/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json +++ b/src/Umbraco.Web.UI/config/BackOfficeTours/getting-started.json @@ -41,18 +41,18 @@ "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']", + "element": "[data-element='dashboard']", "elementPreventClick": true, "title": "Dashboards", "content": "

A dashboard is the main view you are presented with when entering a section within the backoffice, and can be used to show valuable information to the users of the system.

Notice that some sections have multiple dashboards.

" }, { - "element": "[data-element='global-search-field']", + "element": "[data-element='global-search']", "title": "Search", "content": "The search allows you to quickly find whatever you're looking for across sections within Umbraco." }, { - "element": "#applications [data-element='section-user']", + "element": "[data-element='section-user']", "title": "User profile", "content": "Now click on your user avatar to open the user profile dialog.", "event": "click", @@ -71,7 +71,7 @@ "event": "click" }, { - "element": "#applications [data-element='section-help']", + "element": "[data-element='section-help']", "title": "Help", "content": "If you ever find yourself in trouble click here to open the Help drawer.", "event": "click", @@ -144,8 +144,8 @@ }, { "element": "[data-element='group-add']", - "title": "Add tab", - "content": "Tabs are used to organize properties on content in the Content section. Click Add new tab to add a tab.", + "title": "Add group", + "content": "Group are used to organize properties on content in the Content section. Click Add Group to add a group.", "event": "click" }, { @@ -161,30 +161,30 @@ "event": "click" }, { - "element": "[data-element~='overlay-property-settings'] [data-element='property-name']", + "element": "[data-element='editor-property-settings'] [data-element='property-name']", "title": "Name the property", "content": "Enter Welcome Text as the name for the property.", "view": "propertyname" }, { - "element": "[data-element~='overlay-property-settings'] [data-element='property-description']", + "element": "[data-element~='editor-property-settings'] [data-element='property-description']", "title": "Enter a description", "content": "

A description will help to fill in the right content.

Enter a description for the property editor. It could be:

Write a nice introduction text so the visitors feel welcome

" }, { - "element": "[data-element~='overlay-property-settings'] [data-element='editor-add']", + "element": "[data-element~='editor-property-settings'] [data-element='editor-add']", "title": "Add editor", "content": "When you add an editor you choose what the input method for this property will be. Click Add editor to open the editor picker dialog.", "event": "click" }, { - "element": "[data-element~='overlay-editor-picker']", + "element": "[data-element~='editor-data-type-picker']", "elementPreventClick": true, "title": "Editor picker", "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']", + "element": "[data-element~='editor-data-type-picker'] [data-element='editor-Textarea']", "title": "Select editor", "content": "Select the Textarea editor. This will add a textarea to the Welcome Text property.", "event": "click" @@ -268,8 +268,8 @@ }, { "element": "[data-element='editor-content'] [data-element='button-saveAndPublish']", - "title": "Save and Publish", - "content": "

Now click the Save and publish button to save and publish your changes.

", + "title": "Publish", + "content": "

Now click the Publish button to publish your changes.

", "event": "click" } ]