Accordian menu in Lectora and look for Lectora expert

shh1cd
shh1cd Community Member Posts: 6
Our elearning team tried to figure out how to use an accordian menu as a navigation menu bar on the left side in Lectora. Our boss does not like a default drop-down or fly-out menu.

So far, my coworker has created an accordian menu using jquery and imported it as a html extension.

The thing that we need to figure out is to link each pages and make these work.



Is there anyone who has successfully used an accordian menu as a navigation bar?

Our team has a project tile that can be reviewed by Lectora experts and open for getting a customized training.

Please let me know if you can give some advice or even consulting.



I have created elearning modules with Captivate on Moodle 2.2. Thus, I do know the basic concept such as scorm or ML etc.



Sammy

Comments

  • ssneg
    ssneg Community Member Posts: 1,466 ☆ Roadie ☆
    Hi! I actually think that the accordion idea is pretty cool. Something like this, probably: http://jqueryui.com/accordion/#fillspace



    Once you added it to the course, it is pretty easy to link to pages within Lectora. Just use JavaScript command "trivExitPage('page16804.html',true);" where page16804.html is the HTML name of the destination page.



    Of course, you wouldn't want to manually link all accordion items to page names. What you could do, is to add a normal menu on the page, then programmatically parse it for page names, then automatically create the accordion based on that. You could even use the size and position of the normal menu to position the accordion and then destroy the normal menu. This way your Lectora authors would not have to worry about the script at all - the normal menu would be replaced by the accordion automatically!
  • shh1cd
    shh1cd Community Member Posts: 6
    @ssneg 60408 wrote:
    Hi! I actually think that the accordion idea is pretty cool. Something like this, probably: http://jqueryui.com/accordion/#fillspace



    Once you added it to the course, it is pretty easy to link to pages within Lectora. Just use JavaScript command "trivExitPage('page16804.html',true);" where page16804.html is the HTML name of the destination page.



    Of course, you wouldn't want to manually link all accordion items to page names. What you could do, is to add a normal menu on the page, then programmatically parse it for page names, then automatically create the accordion based on that. You could even use the size and position of the normal menu to position the accordion and then destroy the normal menu. This way your Lectora authors would not have to worry about the script at all - the normal menu would be replaced by the accordion automatically!



    Thank you for the specific comments! Sergey

    Our team figures out how accordian menu work partially.

    I will share it with you. We would like to add a visited page functionality.

    I will get back to you with some specific screen shot by Friday.



    Sammy
  • kellykungfu
    kellykungfu Community Member Posts: 83
    @ssneg 60408 wrote:
    Hi! I actually think that the accordion idea is pretty cool. Something like this, probably: http://jqueryui.com/accordion/#fillspace



    Once you added it to the course, it is pretty easy to link to pages within Lectora. Just use JavaScript command "trivExitPage('page16804.html',true);" where page16804.html is the HTML name of the destination page.



    Of course, you wouldn't want to manually link all accordion items to page names. What you could do, is to add a normal menu on the page, then programmatically parse it for page names, then automatically create the accordion based on that. You could even use the size and position of the normal menu to position the accordion and then destroy the normal menu. This way your Lectora authors would not have to worry about the script at all - the normal menu would be replaced by the accordion automatically!


    Brilliant! Most impressive, indeed!!!



    -kelly
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!