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
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 a lesson 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 addon for the mobile layout is sufficient so that the user does not have to scroll too much.

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

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

Requirements

If the content of the player is scaled then to make addon 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.

Property name

Description

Mode

Mode name	Description
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 a clicked point	Zooms twice in on the area around the point clicked by the user.

Supported commands

Command name	Params	Description
show	---	Show the addon.
hide	---	Hide the addon.
zoomIn	xPosition, yPosition	Zoom twice in at position relative to page. If page is already zoomed in, use the `zoomOut` command first. For more information about page, see documentation. Command is available regardless of the chosen `mode`. The command will execute, even if 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 addon 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 page is already zoomed in, use the `zoomOut` command first. For more information about page, see documentation. Command is available regardless of the chosen `mode`. The command will execute, even if 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 addon 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	Addon's main class for zoom in elements.
.zoom-wrapper.targeted-area	Indicates the style that applies to addon's zoom wrapper when `Targeted area` mode is chosen.
.zoom-wrapper.area-around-clicked-point	Indicates the style that applies to addon's zoom wrapper when `Area around a clicked point` mode is chosen.
.zoom-wrapper.zoom-wrapper-highlight	Indicates the style that applies to addon's zoom wrapper while mouse if over the zoom in button. Available when `Targeted area` mode is chosen.
.zoom-wrapper .zoom-button-container	Indicates the style that applies to container of zoom in button.
.zoom-wrapper .zoom-button-container .zoom-button	Indicates the style that applies to zoom in button.
.zoom-wrapper .zoom-button-container .zoom-button.selected	Indicates the style that applies to selected zoom in button.
.zoomed-area-container	Indicates the style that applies to fixed div element created in body of document when zoomed in. Position and size are calculated to match visible content of player.
.zoomed-area-container .zoom-out-button-container	Indicates the style that applies to container of zoom out button.
.zoomed-area-container .zoom-out-button-container .zoom-out-button	Indicates the style that applies to zoom out button.
.ic_page.zoom-cursor-zoom-in	Indicates the style that applies to page when next click on page will zoom in to the selected position.
.ic_page.zoom-zoomed-in	Indicates the style that applies to page when it has been zoomed in by a Zoom addon.

Keyboard navigation

Esc – Zoom out.

Addons and functionalities without support or partial support for zoomed in area by Zoom addon

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 addon.