How to change the TOC highlight color

smcculley1282
smcculley1282 Community Member Posts: 14 ☆ Roadie ☆
Hi Everyone.

I've been working with Lectora Inspire for  a number of years and know exactly where I need to change the TOC highlight/selected menu item color.

I'm helping someone with Lectora Online and thought changing the TOC  highlight color would be just as simple, except there is no TOC.js file for the online version. I've submitted a ticket to Trivantis about this, but their answer didn't help at all. Does anybody on this forum know how to change the TOC highlight/selected color in Lectora Online? I designed a 508 compliant template in Lectora Inspire and the TOC has white text on a dark green field and the highlight/selected color is dark blue. The default color in LO is a very light blue, so when a TOC item is selected the contrast between the light blue and white is not enough to be 508 compliant. Any help for this issue would be greatly appreciated.

Thanks.

-Shawn

Comments

  • mnotermans5114
    mnotermans5114 Community Member Posts: 916
    If you share a pkg you'r changes of getting quick help increase ;-)
  • wheels
    wheels Community Member, Administrator, Moderator, Rockstar Manager Posts: 530 eLearning ROCKSTAR Admin Team
    You can accomplish this with a little scripting... I will also write up an enhancement to do this in Lectora Online.

    See the attached PKG file for an example of the scripting solution.
  • smcculley1282
    smcculley1282 Community Member Posts: 14 ☆ Roadie ☆
    Hi Joe. Thanks for your help on this. Unfortunately, the script is not changing the highlight color in my TOC. I know the code is working because it is putting a blue border around the TOC, so it is seeing it, it's just not affecting the highlight color. (See the attachments). On the TOC in your sample the script is working correctly. I am able to change the highlight color. Is there something else I need to do the script? I've attached a sample .pkg of my template.

    Thanks.

    -Shawn
  • wheels
    wheels Community Member, Administrator, Moderator, Rockstar Manager Posts: 530 eLearning ROCKSTAR Admin Team
    Thanks for pointing that out!  My example only works for tree view TOC, you have the indented list TOC for which the change is much easier.  You just need to override the style p.DLG_selected.  See the attached image.
  • smcculley1282
    smcculley1282 Community Member Posts: 14 ☆ Roadie ☆
    Thanks Joe! That is the answer I needed.

    -Shawn
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!