Totara Learn Open Discussions

User tours

 
Stefan Blom
User tours
by Stefan Blom - Thursday, 15 November 2018, 2:50 AM
Group PartnersGroup TXP Site AdministratorGroup 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
by George Angus - Thursday, 15 November 2018, 5:34 PM
Group 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
by Stefan Blom - Friday, 16 November 2018, 12:26 AM
Group PartnersGroup TXP Site AdministratorGroup 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...