Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-69739

User tours: Add tour-level CSS selector

XMLWordPrintable

    • MOODLE_310_STABLE
    • MOODLE_310_STABLE
    • MDL-69739-master
    • Hide

      1. Log in as Admin
      2. Navigate to Site Administration > Appearance > User tours
      3. Click 'Create a new tour'
      4. Give the tour a name and tick the 'Tour is enabled' checkbox
      5. In the Tour filters section, fill in the 'CSS selector' text box with '#page-my-index'
      6. Save the changes
      7. Click on the name of your new tour
      8. Click the new step link
      9. Set Target type to 'Display in middle of page', and add a Title and Content
      10. Save the changes
      11. Navigate to Dashboard and you should see the tour
      12. Navigate to any other page and the tour should not appear

      Show
      1. Log in as Admin 2. Navigate to Site Administration > Appearance > User tours 3. Click 'Create a new tour' 4. Give the tour a name and tick the 'Tour is enabled' checkbox 5. In the Tour filters section, fill in the 'CSS selector' text box with '#page-my-index' 6. Save the changes 7. Click on the name of your new tour 8. Click the new step link 9. Set Target type to 'Display in middle of page', and add a Title and Content 10. Save the changes 11. Navigate to Dashboard and you should see the tour 12. Navigate to any other page and the tour should not appear

      To be able to have greater control of how user tours are enabled on websites, we need an additional level of control at the tour level so a tour can be made visible to only certain pages within a website, rather than all pages on the site, or any page on the website containing the specified URL for that tour. 
       
      This could be useful when needing a tour to display on a homepage of a website only (if homepage CSS exists), or if you have a tour about a particular interface component (for example you want a tour to start on a course home page but only if that interface is present).

       
      CSS selector is available at tour level as well as at individual step level, so a tour can be made visible on a website, or for a specified URL, and the tour will only start for users if the CSS criteria set (if option enabled) is matched.
       
      If the CSS criterion isn't matched, then the tour does not start and it is also not counted as 'done', i.e. if the user later visits another page where the CSS does match, the tour will start at that point.

            kransom Katie Ransom
            kransom Katie Ransom
            Sam Marshall Sam Marshall
            Andrew Lyons Andrew Lyons
            Janelle Barcega Janelle Barcega
            Votes:
            1 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour, 50 minutes
                1h 50m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.