U4-10565 - Add introduction tour to the overall Umbraco UI

Created by Mads Rasmussen 19 Oct 2017, 06:53:05 Updated by Mads Rasmussen 28 Oct 2017, 05:05:01

Tags: Unscheduled

Subtask of: U4-10305

When opening Umbraco for the first time we need an introduction tour to show the basic UI concepts: "Sections", "Tree", "Search" etc. The tour is also used to lead the user to the help drawer where they can find the rest of the introduction tours.


Mads Rasmussen 23 Oct 2017, 18:08:32

PR: https://github.com/umbraco/Umbraco-CMS/pull/2261

Pretty big PR which fixes a lot of smaller stuff. @claus I think it would make sense if you had a look at it. Most of the stuff is something we have already talked about and fixes for your comments on the main PR.

This PR fixes:

  • Adds introduction tour for the back office UI. It opens up when the back office starts.

  • Adds intro/outro steps to tours.

  • Adds error handler, when the dom element can't be found.

  • fixes "weird positioning" of some of the popups. They were covering the highlighted field.

  • fixes last steps of the "create document types"-tour

  • How to test:

  • Test that it is possible to complete all tours

Claus Jensen 24 Oct 2017, 09:26:01

@madsrasmussen Code changes look good. I however still get an error on the last steps of the ''Create document type'' tour (it lost progress or whatever it says).

We're also missing the confirmation to end the tour.

Claus Jensen 24 Oct 2017, 09:50:57


  • be able to block out the property editor dialog in tour1.
  • icon to "link to document".
  • backdrop opacity configurable.

Mads Rasmussen 24 Oct 2017, 13:22:59

I have added:

  • the alias on the document type save button
  • option to a tour step to prevent all clicks on the highlighted area
  • option to set the backdrop opacity
  • Fixed the weird UI refresh bug when creating media items
  • Added a link icon to the "Link to document"-step
  • Fixed "end tour"-button on custom "node name"-step in the "create content"-tour.

PR is updated.

Priority: Normal

Type: Task

State: Fixed


Difficulty: Normal


Backwards Compatible: True

Fix Submitted:

Affected versions: 7.8.0

Due in version: 7.8.0

Sprint: Sprint 70

Story Points: 3