Style Feedback Messages

dwinter5801
Community Member Posts: 2
Hi there! I'm looking to style the question feedback "Display message" according to the screenshot(s) here. I can't seem to locate that option in Lectora Online. Anyone have any luck doing this?
Comments
-
The short answer is No.
The long answer is Yes, but you're limited. You can adjust the window by changing the code (trivantis-dialog.js I believe) provided within your Lectora output. The changes we recommend are minimal and don't match what you described. Doing any more could cause some serious issues with your course.
Better than using the default option is to create a customized pop-up window! These allow for style changes and additional content to be displayed, as well as, being able to adjust the background, size, and location. It's just a page put at the end of your course that you customize the look and feel of. Then when selecting your feedback options you choose to go to that page but in a new window. Additional window properties which are updatable are available from there. -
wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 636 eLearning ROCKSTAR Admin TeamIn my courses I use initially hidden text blocks and show them using feedback actions. Then they can be formatted any way you want and as an added bonus they work better for mobile and do not require the student to click OK to dismiss the feedback.
If you really want to use the Display Message popup you can also enter HTML in the Message, for example I use this as one of my incorrect messages:<p style="background-color:red;align:center"><span style="color:white;font-weight:bold">Incorrect</span></p>
No person under the age of 21 can possess alcoholic beverages on the street, highway or any public place.
You need to publish with Use Lightbox Popups enabled for HTML to work in Display Message. If you are doing an accessible title and cannot use Lightbox popups then you could maybe do some simple unicode formatting as described here: https://stackoverflow.com/questions/5278197/html-tags-in-javascript-alert-method
You can also modify all course dialog properties with CSS as described here.
Modifying the coure dialogs with CSS only works in Lectora Online, not the Desktop product.
-
-
wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 636 eLearning ROCKSTAR Admin TeamAnother quick tip for the initially hidden text blocks. You can use On Show and On Hide actions on those feedback text blocks to do other things. Such as, On Show of Correct Feedback Text Block -> Hide Incorrect Feedback Text Block, or On Show of Correct Feedback Text Block -> Show Correct Feedback Image, or On Hide of Correct Feedback Text Block -> Hide Correct Feedback Image, etc.
Once you have these setup it's easy to copy and reuse.
-
Categories
- 4.8K All Categories
- 6 New Feature Releases
- The Training Arcade®
- Arcades™
- 123 ✫ Announcements
- 9 ✪ Contests
- 34.1K eLearning Brothers® Products
- 33.6K Lectora®
- 31.6K Lectora Discussions
- 1.9K Lectora Feature Requests
- 71 Lectora User Groups
- 16 Asset Library
- 10 AssetLibrary Discussions
- 6 AssetLibrary Feature Requests
- 301 CenarioVR®
- 176 CenarioVR Discussions
- 125 CenarioVR Feature Requests
- 36 Rockstar Learning Platform®
- 24 Rockstar Learning Platform Discussions
- 12 Rockstar Learning Platform Feature Requests
- 4 Off-the-Shelf Course Library
- 3 Off-the-Shelf Course Library Discussions
- 1 Off-the-Shelf Course Library Feature Requests
- 114 CourseMill®
- 107 CourseMill Discussions
- 44 ReviewLink®
- 32 ReviewLink Discussions
- 12 ReviewLink Suggestions
- 2 The Training Arcade®
- 1 The Training Arcade Discussions
- 1 The Training Arcade Feature Requests
- 10 Additional Learning Products
- 2 Adobe®
- 4 Articulate®
- 2 Camtasia®
- Docebo®
- 1 iSpring®
- 1 Microsoft® PowerPoint®
- 930 All Things eLearning
- 5 Course Development Showcase
- 1 eLearning Brothers® Downloads
- 1 Compliance Training
- 11 eLearning Development
- eLearning Game Design
- 7 Instructional Design
- 545 Learning Management System (LMS) Integration
- 2 Mobile Learning
- 21 Visual Design
- 331 Web Accessibility
- 1.2K ♪ The Green Room
- 7 ♡ Community Feedback
- 7 Community Tips