Documentation

Introduction
Interactive Tutorials
Overview
Frequently Asked Questions
Supported browsers
Managing your company
- Dashboard
- Company details
- Managing projects
- Backup
- Managing publications
- Manage access rights
- Managing workflow (Kanban)
- Extended metadata
- Support
- External Platform Integration
Creating a new presentation
- Managing metadata
- Font size selection
- Page size definition
- Fixed or changeable page size
Managing lessons
- Lesson details
Managing assets
- Updating assets
- Uploading assets
- 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 TSS Modules
- Autofill function (TTS)
- Adding missing TTS modules
- Sorting the modules
- Sort function (TTS)
- Speech text dictionary
- Copying the Speech texts from a template
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
- Relative layouts
- Content preview
- Drag&Drop and Click&Click module manipulation
- Activity scoring
- Redo & Undo commands
- Iframe animation controlled by Advanced Connector
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
  - MultiAudio
  - Scoreboard
  - Shape
  - Slideshow
  - Standard Shapes
  - SVG
  - Swiffy Animation
  - TextAudio
  - Video
  - Vimeo
  - YouTube
  - Zoom Image
- Scripting
- LearnPen
- CSS z-Indexes list
Version control
Math expressions
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
Player development
- Requirements
- Build process
- Create addon
- Embedding the player
Exporting Lessons
- SCORM 1.2
- xAPI
- Importing Lessons
- HTML5/Offline
- SCORM 2004
Content localisation
- Localisation editor
- Audio narrations
Importing InDesign XML files

Zoom Image

Description

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

Note: To display SVG files in Internet Explorer browsers correctly, you have 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 to insert a full screen image version into the module.
Page image	This property enables to insert a page image version into the module.

These properties allow online resources. Find out more »

Supported commands

Command name	Params	Description
...	...	...

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 contains examples of how to use this addon.