Totara Learn Open Discussions

User tours

 
Stefan Blom
User tours
par Stefan Blom, Thursday 15 November 2018, 02:50
Groupe PartnersGroupe TXP Site AdministratorGroupe V18 Program Complete

When creating user tours you can choose to place it on the page using css code by selecting "Selector" as target type. In the CSS field you are then supposed to reference the right place on the page by using css class names. In the text box "CSS-selector" the help text says "A CSS selector can be used to target almost any element on the page. The appropriate selector can be easily found using the developer tools for your web browser." What exactly does this mean? I've tried using the class name for example the home menu item but it just won't work. 

Can someone as Totara supply an example of what you put in that box in the example in the help documentation for User tours?

We have tried to get these classes to work:

"totara-menu-nav-item menu-home first"

"flex-icon ft-fw ft fa-home"

What, exactly, should we put in the CSS field?

me
Re: User tours
par George Angus, Thursday 15 November 2018, 17:34
Groupe Totara

Hi Stefan,

To use CSS targeting for the User tours, a valid CSS selector needs to be used. In your case you probably need '.menu-home'.

More information on creating CSS selectors can be found at:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

Hope this is useful,

Cheers,

George.

Stefan Blom
Re: User tours
par Stefan Blom, Friday 16 November 2018, 00:26
Groupe PartnersGroupe TXP Site AdministratorGroupe V18 Program Complete

Thanks George!

Now the user tours are getting there :-)


You should put that kind of info. in the help files. Viewing the HTML-code is sometimes a bit confusing...