Hello, I am working in Totara 9 and am creating a new course with a number of activities. Can I compress the information accordion style, so each activity can be expanded to see the descripton and then compressed again?
Totara Learn Open Discussions
Course Page Accordian
Hi Jacqui
There are a number of ways that course navigation can be improved within Totara or with plugins
The accordian of topics is a current feature request TL-17223 this is waiting to tie in with how our mobile app being developed is going to implement this.
There are some third party pluigins that do this that work but they not guaranteed to keep working or be supported unless they part of Totara core.
Currently adding a navigation or section links block to your course may help navigation. Another possibility adding Access restrictions to topics or activities so they are only visible once the specified conditions have been met.
regards
Hi Jacqi,
The accordion was developed as part of a custom theme for the community and academy site, which turns each topic on a course page into an accordion.
Attached is a snippet that you should be able to drop into an existing theme. If you don’t have a theme, we have a guide on how to set one up: https://help.totaralearning.com/display/DEV/Creating+a+Theme
You’ll need to do a couple of things on a non-production site:
- Open “format-topics.js" and “format_topics_renderer.php” and change every occurrence of {theme_name} with your theme’s name
- Add “format_topics.less” into their theme’s “less/totara.less” file.
- You need to follow the setup steps of https://help.totaralearning.com/display/DEV/Working+With+LESS+in+Themes
- Install Node and NPM: https://nodejs.org/en/
- Open up your Totara Installation in a command line
- Run "npm install -g grunt-cli" — this installs grunt, our build tool
- Run "npm install" — this installs Totara’s local dependencies
- Run “grunt" — This creates the build (this is where it diverges from the above document, which recommends runnings "grunt css". We need to build javascript as well)
After that, you can copy your theme directory onto a live site, and use it.
Thanks
Jordan