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 Image

Description

The Zoom Image module enables displaying two versions of an image. To display a full-screen image, click on the area in the bottom-right corner of the module.

Note: To correctly display the SVG files in the Internet Explorer browser, it is necessary to add to <svg> tag the following parameter: viewBox="0 0 WIDTH HEIGHT".
For example: <svg width="800" height="400" viewBox="0 0 800 400" ...
You can edit SVG files in any text editor.

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
Full Screen image	This property enables inserting a full-screen image version into the module.
Page image	This property enables inserting a page image version into the module.
Alternative text	This text will be added to the module's HTML tag. It will be read by the Text to Speech module (if used) after the user performs a certain action.
Lang attribute	This property allows defining the language for this module (different than the language of the lesson).
Speech texts	Sets the values of speech texts - predefined phrases providing additional context while using the module in the Text To Speech mode. Speech texts are always read using the content's default language.
Printable	Allows to choose if the module should be included in the printout.

These properties allow online resources. Find out more »

Supported commands

Command name	Params	Description
hide	...	Hides the module if it is visible.
show	...	Shows the module if it is hidden.

CSS classes

Class name	Description
.icon	indicates the active area in the bottom-right corner.
.small	indicates the page image version.
.zoom-image-wraper	indicates the wrapper for full-screen image version.
.big	indicates the full screen image version.
.ui-dialog	indicates the look of the dialog box.
.ui-dialog-titlebar	indicates the look of the titlebar.
ui-dialog-title-dialog	indicates the look of the title.
.ui-dialog-titlebar-close	indicates the look of the close button.
.ui-dialog-content	indicates the look of the description container.

Demo presentation

Demo presentation showing how to use the Zoom Image module.