Help needed with CSS selectors for user tours

Help needed with CSS selectors for user tours

by Germán Valero -
Number of replies: 1
Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators

While attempting to test  MDLQA-10361 I ran into trouble.

The Moodle Docs page at https://docs.moodle.org/31/en/User_tours#Help_with_CSS_selectors does not offer much help:

===Help with CSS selectors===
If you wish to use CSS selectors as part of your user tour, your browser's developer tools will be very useful in helping you create these selectors:
*[https://developer.chrome.com/devtools#dom-and-styles Google Chrome]
*[https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_Viewer Mozilla Firefox]
*[https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/f12-devtools-guide/ Microsoft Edge]
*[https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/ResourcesandtheDOM/ResourcesandtheDOM.html#//apple_ref/doc/uid/TP40007874-CH3-SW1 Apple Safari]


What I think is urgently needed is a working example of a simple CSS selector for a user tour. But, not being a programmer,  I have not been able to make one and add it to the Moodle Docs page..


Any help will be greatly appreciatted.


Average of ratings: -
In reply to Germán Valero

Re: Help needed with CSS selectors for user tours

by Just H -

You ask for "a working example of a simple CSS selector for a user tour." but the Moodle docs you linked to include several such as .userpicture, .breadcrumb and .usermenu.

I'm not sure what you are asking for here. I "think" the issue may be that you are unsure how to use browser developer tools which is not really a Moodle issue. If that's the case then you need to look at the docs for whatever browser tool you intend using.



Average of ratings: -