Totara Learn Open Discussions

Course Page Accordian

 
Jacqui Lemon
Course Page Accordian
by Jacqui Lemon - Monday, 11 March 2019, 5:28 PM
 

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? 

Craig Eves
Re: Course Page Accordian
by Craig Eves (Totara Support) - Tuesday, 12 March 2019, 6:41 PM
Group Totara

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




Jordan Ash
Re: Course Page Accordian
by Jordan Ash - Wednesday, 13 March 2019, 5:15 AM
Group TotaraGroup TXP Site Administrator

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:

  1. Open “format-topics.js" and “format_topics_renderer.php” and change every occurrence of {theme_name} with your theme’s name
  2. Add “format_topics.less” into their theme’s “less/totara.less” file.
  3. You need to follow the setup steps of https://help.totaralearning.com/display/DEV/Working+With+LESS+in+Themes
    1. Install Node and NPM: https://nodejs.org/en/
    2. Open up your Totara Installation in a command line
    3. Run "npm install -g grunt-cli" — this installs grunt, our build tool
    4. Run "npm install" — this installs Totara’s local dependencies
  4. 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

Its me Rahul
Re: Course Page Accordian
by Rahul Kumar - Monday, 27 May 2019, 12:54 AM
 

Hi Jordon and Craig, 

This accordion would also work in basis theme totara version 11 or it is only for totara version 12 ?

I am looking forward to hearing from you  :)


Regards

Rahul

? ?
Re: Course Page Accordian
by ? ? - Monday, 27 May 2019, 9:37 PM
 

We have a bit of script that might be what you are looking for.

Its me Rahul
Re: Course Page Accordian
by Rahul Kumar - Tuesday, 28 May 2019, 12:20 AM
 

Hi Belinda, 

Yes sure I would like to know about script .


Regards

Rahul

Kai Hockenberger
Re: Course Page Accordian
by Kai Hockenberger - Thursday, 30 April 2020, 4:44 AM
 

Hello Belinda,

I would also be very happy to receive your script.

Thanks in advance!

Kind regards and stay healthy

Kai