Dynamically fit to Browser window

approg
Community Member Posts: 258 ♪ Opening Act ♪
Some of the people I work with have spent a fair bit of time getting Lectora, when published to HTML5, to dynamically fill the entire browser window. The aspect ratio of the title is maintained so you get letter-boxing if the browser window and the title proportions don't match.
If you make the browser window small enough the text/content gets too small to read but if you are using Lectora 17 and seamless publish mode you can include a "full screen" button in the UI and the course grows to fill the entire screen (like making the full screen button on an MP4).
Attached is a screen movie of what it looks like.
It looks pretty neat to me but I don't know if it's worth hassling them to document and release what they've done. Anyone like to comment?
If you make the browser window small enough the text/content gets too small to read but if you are using Lectora 17 and seamless publish mode you can include a "full screen" button in the UI and the course grows to fill the entire screen (like making the full screen button on an MP4).
Attached is a screen movie of what it looks like.
It looks pretty neat to me but I don't know if it's worth hassling them to document and release what they've done. Anyone like to comment?
Comments
-
-
No replies yet so I've attached another sample showing an RCD title running in ReviewLink.
Contrary to what the text in the title says, the title does not use the 3rd party JavaScript file screenfull.js nor does it require the user to press the F11 key to go into full screen mode. It's all done with one JavaScript and one tiny CSS file dropped into the top of the title. Nothing else to edit/add/subtract except of course for the full screen/norm buttons which need to call a JavaScript function (the button could be made to toggle full screen on/off but I haven't got around to it yet).
Anyone? -
-
Hi - I am surprised that no one commented on this feature and request for information. Can you elaborate on the code that your developers added in the top portion of the course content? Or have I missed something completely and that this specific feature is now supported in the Lectora 17 application.Andrew R.
Developing content since 2010 using a mixed bag of tools. -
-
Categories
- 35.8K All Categories
- 108 ✫ 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
- 5 The Training Arcade®
- 5 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