Skip to content
Chuck Lorenz edited this page Jun 6, 2015 · 42 revisions

adapt-contrib-vanilla

Vanilla is a theme bundled with the Adapt framework.
It provides specific values to styles, including colors, padding, margins, and assets such as fonts and background images.

Visit the Vanilla Wiki for more information about its functionality and for explanations of key properties.

Vanilla in action

##Installation

As Adapt's core theme, Vanilla is included with the installation of the Adapt framework and the installation of the Adapt authoring tool.

  • If Vanilla has been uninstalled from the Adapt framework, it may be reinstalled. With the Adapt CLI installed, run the following from the command line:
    adapt install adapt-contrib-vanilla

    Alternatively, this component can also be installed by adding the following line of code to the adapt.json file:
    "adapt-contrib-vanilla": "*"
    Then running the command:
    adapt install
    (This second method will reinstall all plug-ins listed in adapt.json.)

  • If Vanilla has been uninstalled from the Adapt authoring tool, it may be reinstalled using the Plug-in Manager.

Settings overview

Unlike most Adapt plug-ins, the Vanilla theme has no attributes that are configured in the course JSON files.

Visit the Vanilla wiki for more information about how they appear in the authoring tool.

Structure

Folder/File Purpose
theme.json Pixel values for screenSize(small, medium, and large)
selection.json File used for selecting icons at IcoMoon.io
assets Holds any static assets (for example: images, etc.)
fonts Any fonts which might be referenced in the associated .less files
js JavaScript/JQuery files on which the theme depends go here
less Location for any LESS based CSS files
less/variables.less dfdasd
templates Location for any snippets of pre-defined HTML templates (see below)

Templates

Adapt themes support customisation for the rendering of various Adapt elements via the following Handlebars templates. Note that the filenames match the templates to which they refer:

  • article.hbs
  • block.hbs
  • loading.hbs
  • navigation.hbs
  • page.hbs

Limitations

No known limitations.

Browser spec

This theme has been tested to the standard Adapt browser specification.


Version number: 2.0
Framework versions: 2.0
Author / maintainer: Adapt Core Team
Accessibility support: WAI AA
RTL support: yes
Cross-platform coverage: Chrome, Chrome for Android, Firefox (ESR + latest version), IE 11, IE10, IE9, IE8, IE Mobile 11, iPhone (iOS 7+8), Safari iPad (iOS 7+8), Safari 8, Opera

Clone this wiki locally