Design Elements Appear Differently in Lectora than ReviewLink (and CSOD Pilot)

csalinas-7433
Community Member Posts: 2
Hi first time poster, long time lurker. When I design something in Lectora, a lot of the time it comes out looking very differently on ReviewLink as well as CornerStone Pilot. It mainly has to do with object sizing and text extending beyond its boundaries. I have attached screenshots of one example below.
We are using a template provided by a third party vendor and they have inserted some CSS and JavaScript but I have not been told what, exactly, they are doing. However, I did experience the same thing in a previous version that did not have the additional CSS and JavaScript. I'm using Lectora 19 on a nearly new 16 gig SurfaceBook 3. I do not recall having this problem using Lectora online on my almost 3 year old iMac. I am forced to use the PC for work reasons.
I have found myself designing and then testing and then misdesigning to compensate, which is a giant pain. Does anyone have an idea what might be happening and how I can make sure that what I see in Lectora is what appears in an exported project? Any suggestions are highly appreciated. Thank in advance.
We are using a template provided by a third party vendor and they have inserted some CSS and JavaScript but I have not been told what, exactly, they are doing. However, I did experience the same thing in a previous version that did not have the additional CSS and JavaScript. I'm using Lectora 19 on a nearly new 16 gig SurfaceBook 3. I do not recall having this problem using Lectora online on my almost 3 year old iMac. I am forced to use the PC for work reasons.
I have found myself designing and then testing and then misdesigning to compensate, which is a giant pain. Does anyone have an idea what might be happening and how I can make sure that what I see in Lectora is what appears in an exported project? Any suggestions are highly appreciated. Thank in advance.
0
Comments
-
Hi,
There's obviously a difference in line-height between Lectora and the browser. Is there a relevant setting in that external CSS? What did you do to vertically center the text?0 -
Hi, thank you for responding! I think the CSS is controlling the line spacing. But I've had spacing of the text set the same as what the CSS defines and still find some similar misalignments, although it seems better. I can say that it does appear in "Preview in Browser" mode, which uses Edge, as well as in ReviewLink and CSOD Pilot, which is Chrome. I'll try to square everything up and make sure it's the same and see what happens. Thanks!0
Categories
- 4.8K All Categories
- 6 New Feature Releases
- The Training Arcade®
- Arcades™
- 125 ✫ Announcements
- 9 ✪ Contests
- 34.1K eLearning Brothers® Products
- 33.6K Lectora®
- 31.6K Lectora Discussions
- 1.9K Lectora Feature Requests
- 71 Lectora User Groups
- 17 Asset Library
- 10 AssetLibrary Discussions
- 7 AssetLibrary Feature Requests
- 305 CenarioVR®
- 179 CenarioVR Discussions
- 126 CenarioVR Feature Requests
- 40 Rockstar Learning Platform®
- 28 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®
- 932 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
- 3 Mobile Learning
- 22 Visual Design
- 331 Web Accessibility
- 1.2K ♪ The Green Room
- 8 ♡ Community Feedback
- 7 Community Tips