Documentation

Introduction
Interactive Tutorials
Video Tutorials
Overview
Frequently Asked Questions
Supported browsers
Managing your company
- Dashboard
- Company details
- Managing projects
- Backup
- Managing publications
- Adding new user accounts
- Managing access rights
- Managing workflow (Kanban)
- Extended metadata
- Support
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
- Browsing assets
- File formats
- Online resources
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
Working with templates
- Creating and managing templates
- Private templates
- Public templates
- Updating templates - Replacing templates
- Template CSS classes
- Using external fonts
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
- Autofill function (TTS)
- Adding missing TTS modules
- Sorting the modules
- Sort function (TTS)
- Copying the Speech texts from a template
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
- 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
  - Coloring
  - Drawing
  - Edge Animation
  - Flash Cards
  - Glossary
  - Iframe
  - Image
  - Image Viewer
  - Image Viewer Button Controlled
  - IWB Toolbar
  - Layered Image
  - Line
  - Media Recorder
  - MultiAudio
  - Pop-up
  - Shape
  - Slideshow
  - Standard Shapes
  - SVG
  - Swiffy Animation
  - TextAudio
  - Video
  - YouTube
  - Zoom Image
  - Heading
- Scripting
- LearnPen
- CSS z-Indexes list
Version control
Math expressions
Addons' development
- Creating addons
- Sharing the addons
- Addon Presenter
- Addon CSS Guide
- Addon Documentation
- Addon Model
- Player services
- Available JavaScript Libraries
- Addon Scripting
- Addon-Events
- Sample addon
Player development
- Requirements
- Build process
- Create addon
- Embedding the player
Exporting Lessons
- HTML5/Offline
- SCORM 2004
- SCORM 1.2
- xAPI
- Importing Lessons
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

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.