The following extend the Backbone model:

• configModel (configModel.js)
• lockingModel (lockingModel.js)
• notifyModel (notifyModel.js)
• routerModel (routerModel.js)
• adaptModel (adaptModel.js)

All core models extend adaptModel (adaptModel.js), and so contain its attributes:

• courseModel (courseModel.js)
• contentObjectsModel (contentObjectsModel.js)
• articleModel (articleModel.js)
• blockModel (blockModel.js)
• componentModel (componentModel.js)

In addition, questionModel.js extends componentModel (componentModel.js).

An asterisk denotes that an attribute is required.

Figure 1

"_buttons": { 
   "submit": "Submit", 
   "reset": "Reset", 
   "showCorrectAnswer": "ModelAnswer", 
   "hideCorrectAnswer": "My Answer" 
}

_onScreen (object): The _onScreen object that contains values for _isEnabled, _classes, and _percentInviewVertical. The _onScreen feature is best used with blocks and components though it can also be used with contentObjects and articles.

_isEnabled (boolean): Turns _onScreen functionality on and off. Acceptable values are true and false.

_classes (string): CSS class name to be applied to the location that _onScreen is attached to. The class name is responsible for attaching the animation, and any associated styling required, to the element and must be predefined in one of the Less files. The standard values found in Vanilla's _animations.less are fade-in, fade-in-top, fade-in-bottom, fade-in-left, and fade-in-right. The direction in each of the class names defines the animation start point, e.g. fade-in-right states that the animation fades in from right to left until the element sits within its natural position.

_percentInviewVertical (number): This value determines the percentage on screen the element must be before the animation is triggered. The default value is 33.

"_onScreen": { 
   "_isEnabled": true, 
   "_classes": "fade-in-right", 
   "_percentInviewVertical": 33
}