Documentation

Introduction
Interactive Tutorials
Overview
Frequently Asked Questions
Supported operating systems and browsers
Managing your company
- Dashboard
- Company details
- Managing projects
- Generate Screens
- Backup
- Managing publications
- Manage access rights
- Managing workflow (Kanban)
- Extended metadata
- Support
- External Platform Integration
Creating a new presentation
- Managing metadata
- Font size selection
- Style of the lesson
- Fixed or changeable page size
Managing lessons
- Lesson details
Managing assets
- Updating assets
- Uploading assets
- Video and Audio file formats
- Online resources
- Downloading assets
- Asset Repository
- Requests Configuration
Page management
- Navigation pages and Commons
- Page Navigation Styling
- Header and Footer
- Adding and deleting pages, changing pages order
- Copying pages between presentations
- Changing page size
- Splitting pages
- Page names
- Adding template pages
- Subset of pages
- Merging lessons
- Custom page loader
- Pop-up
Working with templates
- Creating and managing templates
- Private templates
- Public templates
- Updating templates - Replacing templates
- Template CSS classes
- Using external fonts
- Error loading template
CSS class and inline CSS styles
Creating responsive layouts
- Managing Layouts
- Layouts view and basic operations on the multi-layout page
- CSS Stylesheets and Inline CSS in responsive layouts
- Previewing and displaying lessons
- Adding pages from template
- Copying pages between lessons
Creating Accessible Content
- CSS Classes
- Headings
- Alternative texts
- Finding missing alternative texts
- Videos
- Language definition
- Keyboard navigation mode
- Dedicated screen reader
- Keyboard and TTS Modules
- Autofill function (TTS)
- Adding missing TTS modules
- Sorting the modules
- Sort function (TTS)
- Speech text dictionary
- Editing default TTS titles
Adaptive Learning
- Adaptive Learning Editor
- Navigation in the Adaptive Lesson
- Reporting Pages
- Testing The Adaptive Lesson
Printing
- Examples of lessons with digital and print layers
- Printing methods and modes
- Print mode in mAuthor
Content output
- SCORM packages
- Experience API (TinCan)
- Off-line playback
- Add mAuthor lesson to the epub3 book
- Player versions
- Course management
Working with modules
- Working with keyboard navigation
- Inserting modules
- Defining the module's size and position
- Nesting of addons/modules
- Grouping modules
- Favourites
- Grid
- Rulers
- Snapping
- Changing modules' order
- Blocking modules
- Showing/Hiding Modules
- Selecting and editing the modules' style
- Copying modules between pages
- Copying modules between presentations
- Relative layouts
- Content preview
- Drag&Drop and Click&Click module manipulation
- Activity scoring
- Redo & Undo commands
- Iframe animation controlled by Advanced Connector
- Additional classes
- Mutation Observer
Using jQuery
- jQuery Library
Saving user's result
Modules description
- Activities
- Games
  - Board Game
  - Catch
  - Crossword
  - Dice
  - Hangman
  - Magic Boxes
  - Maze
  - Memo Game
  - Puzzle
  - Quiz
  - Shooting Range
  - Sudoku
- Reporting
- Navigation
- Media
  - 3D Viewer
  - Animation
  - Audio
  - Audio Playlist
  - Coloring
  - Drawing
  - Edge Animation
  - Editable Window
  - Flash Cards
  - Glossary
  - Heading
  - Iframe
  - Image
  - Image Viewer
  - Image Viewer Button Controlled
  - IWB Toolbar
  - Layered Image
  - Line
  - LottiePlayer
  - Media Recorder
  - Model Viewer 3D
  - MultiAudio
  - Scoreboard
  - Shape
  - Shape Tracing
  - Slideshow
  - Standard Shapes
  - SVG
  - Swiffy Animation
  - TextAudio
  - Video
  - Vimeo
  - YouTube
  - Zoom Image
  - Zoom
- Scripting
- LearnPen
- CSS z-Indexes list
Math expressions
Private addons' development
- Creating addons
- Sharing the addons
- Addon CSS Guide
- Addon Presenter
- Addon Documentation
- Addon Model
- Player services
- Available JavaScript Libraries
- Addon Scripting
- Sample addon
- Addon-Events
Version control
Player development
- Requirements
- Build process
- Create addon
- Embedding the player
Exporting Lessons
- SCORM 2004
- SCORM 1.2
- xAPI
- Importing Lessons
- HTML5/Offline
Content localisation
- Localisation editor
- Audio narrations
Importing InDesign XML files

Zoom

Description

The Zoom module allows to zoom in on the lesson's page (.ic_page element) and interact with modules while zoomed in.

If the lesson page does not fit on the screen then note that the zoomed in area will also not fit on the page. However using the scroll, it will be possible to get to the specified area. For this reason, it is recommended to test if the set width and height of the module for the mobile layout is sufficient so that the user does not have to scroll too much.

Modules embedded in the header and footer that need scale information (like e.g. the Ordering module) will work incorrectly when zoomed in by the Zoom module (even if neither header nor footer is zoomed in).

The module must not be placed in the header or footer to work properly.

Requirements

If the content of the player is scaled then to make the module work, it is necessary to set the scale information using the player.setScaleInformation command. Learn more about scale information by visiting the Scale Information section.

Properties

The list starts with the common properties. Learn more about them by visiting the Modules description section. The other available properties are described below.

Property name	Description
Mode	Targeted area - Zooms the area within the size of the addon. It is required that the addon is within the boundaries of the page (`.ic_page` element). This mode is chosen by default. Area around the clicked point - Zooms twice in on the area around the point clicked by the user.

Supported commands

Command name	Params	Description
hide	---	Hides the module if it is visible.
show	---	Shows the module if it is hidden.
zoomIn	xPosition, yPosition	Zoom twice in at position relative to page. If the page is already zoomed in, use the `zoomOut` command first. For more information about the page, see the documentation. The command is available regardless of the chosen 'Mode' property. The command will execute, even if the values are specified by the user that would make the zoom not inside the page border. For such a situation, the zoom will execute, but the module will modify the user-specified values to ones where the zoomed area will be inside the page boundary.
zoomInArea	xCenterPosition, yCenterPosition, areaWidth, areaHeight	Zoom in on the area relative to page. If the page is already zoomed in, use the `zoomOut` command first. For more information about the page, see the documentation. The command is available regardless of the chosen 'Mode' property. The command will execute, even if the values are specified by the user that would make the zoom not inside the page border. For such a situation, the zoom will execute, but the module will modify the user-specified values to ones where the zoomed area will be inside the page boundary.
zoomOut	---	Zoom out.

Events

This module does not send events.

CSS classes

Class name	Description
.zoom-wrapper	Module's main class for zoom in elements.
.zoom-wrapper.targeted-area	Indicates the style that applies to module's zoom wrapper when the "Targeted area" mode is chosen.
.zoom-wrapper.area-around-clicked-point	Indicates the style that applies to module's zoom wrapper when thge "Area around a clicked point" mode is chosen.
.zoom-wrapper.zoom-wrapper-highlight	Indicates the style that applies to module's zoom wrapper while mouse is over the zoom in button. Available when the "Targeted area" mode is chosen.
.zoom-wrapper .zoom-button-container	Indicates the style that applies to the container of the zoom in button.
.zoom-wrapper .zoom-button-container .zoom-button	Indicates the style that applies to the zoom in button.
.zoom-wrapper .zoom-button-container .zoom-button.selected	Indicates the style that applies to the selected zoom in button.
.zoomed-area-container	Indicates the style that applies to the fixed div element created in the body of the document when zoomed in. Position and size are calculated to match the visible content of player.
.zoomed-area-container .zoom-out-button-container	Indicates the style that applies to the container of the zoom out button.
.zoomed-area-container .zoom-out-button-container .zoom-out-button	Indicates the style that applies to the zoom out button.
.ic_page.zoom-cursor-zoom-in	Indicates the style that applies to the page when the next click on the page will zoom in to the selected position.
.ic_page.zoom-zoomed-in	Indicates the style that applies to the page when it has been zoomed in by the Zoom module.

Keyboard navigation

Esc - zoom out.

Modules and functionalities without support or partial support for zoomed in area by Zoom module

IWB Toolbar
Slider
PieChart
Points and Lines
Editable Window
File Sender
Glossary
Open Popup Button
Command showPopup
mAuthor and mCourser "Full screen" and "Fit full page" options

Demo presentation

Demo presentation contains examples on how to use the Zoom module.