Controls in the Responsive Coaches toolkit

The Responsive Coaches toolkit contains a set of controls for designing applications that can be run on multiple device types, such as mobile and desktop devices. All the coach views in the Responsive Coaches toolkit are suitable for use on both desktop and mobile devices.

The controls in the Responsive Coaches toolkit (SYSRC) are based on the following technologies. It is recommended that you avoid mixing other user interface technologies when you use these controls in the same coach.

AngularJS V1.3.1
Bootstrap V3.3.0
(Angular) UI Bootstrap V0.12.0
Hammer.JS V2.0.4
Modernizr V2.7.0

Each control consists of a coach view that points to a specific set of files:

An HTML file that contains the code that defines the user interface, data, and label that is used by the control
A controller JavaScript file that loads the module and creates watchers for the configuration options of the control
Image files to represent the control on the palette and on the canvas
A preview JavaScript file that shows a preliminary view of the coach view when it is dropped on the coach editor palette

The control can also have other files such as a CSS file for styling or localization files, but these additional files are optional.