How to change the TOC highlight color
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
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
-
-
wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 665 eLearning ROCKSTAR Admin TeamYou 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. -
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 Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 665 eLearning ROCKSTAR Admin TeamThanks 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.
-
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products