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
Adaptive Learning
- Adaptive Learning Editor
- Navigation in the Adaptive Lesson
- Reporting Pages
- Testing The Adaptive Lesson
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

Edge Animation

Description

This addon allows users to embed animations and other projects created in Adobe Edge Animate software.

Properties

Property name	Description
Animations	Composition Class – Composition Class of the animation created in Edge Animate found in the Stage properties. edge.js – If Edge project is saved as “Project1”, then you have to upload the "Project1_edge.js" file. edgeActions.js – If Edge project is saved as “Project1”, then you have to uploadthe "Project1_edgeActions.js" file.
Images	Animation Item Number – provide the animation number from the Animations list. Edge element IDs (csv) – the list of Egde elements or symbols that will use the image provided in the next property field. Element names have to be comma separated, e.g. "head,eyes,nose,mouth". If the element is inside a symbol, e.g. element "eyes" is within a symbol "head", the full name has to be "head_eyes". The same rule applies to all nested symbols, e.g. when the element "pupil" is within a symbol "eye" which is inside a symbol "head", then the full name should be "head_eye_pupil". Image File – a file in the Internet browser supported by a file type that will be used as a background or a "src" attribute of all elements provided in the previous property. This property allows online resources. Find out more »
Initial Animation	The item number of the initially displayed animation.

Supported commands

Command name	Params	Description
switchAnimation	item	Changes the visible animation to the one with the item number provided as a parameter.
getEdgeComposition	---	Returns current Edge animation’s Composition Object and all its methods.
getEdgeStage	---	Returns current Edge animation’s Stage Object and all its methods.
play	position	Starts the animation and all nested symbols from their current position or from the position provided as a parameter.
stop	---	Stops the animation and all nested symbols at 0.
pause	position	Stops the animation and all nested symbols in their current position or in the position provided as a parameter.
show	---	Shows the addon.
hide	---	Hides the addon.

Events

Edge Animation addon does not send events.

CSS classes

Class name	Description
.edgeMultiAnimWrapper	Main class containing the entire Addon's content.

Styles from a sample presentation

EdgeAnimation_test{    
    background: #ffffff;    
    padding: 2px;    
    border: 1px solid #bbbbbb;    
}

Demo presentation

Demo presentation contains examples of how to use the Edge Animation addon.