The Javascript to initialise the frame has many optional settable properties.
window.riseSCORMBridgeConfig = {
token: (your-token-code)
}Note: Properties are case sensitive - ensure they added exactly as shown. See the various examples for variations or implementations.
| Property | Type | Meaning | Required? |
|---|---|---|---|
| token | hash | Generated authorization token | Yes |
| question | Text/HTML/object | Question to show (html ok) | No, Recommended |
| feedback | Text/HTML/object | Feedback to show after submission (html ok, also can be json object containing 'correct' and 'incorrect' values) | No |
| serverBase | URL | Defaults to https://rise.frumbert.org, for self-hosted solutions (documentation) | No |
| interactionId | Text | Scorm interaction id. If omitted, this is built from question text or url | No |
| mediaAbove | URL or HTML | URL to image (gif,jpg,png,webp), video (mp4,ogg,mov,webm), audio (mp3,wav), embed or html, shown above question text . Url must end with file extension. | No |
| mediaBelow | URL or HTML | URL to image (gif,jpg,png,webp), video (mp4,ogg,mov,webm), audio (mp3,wav), embed or html, shown below question text . Url must end with file extension. | No |
| required | Number | Number of characters/words/lines required before allowed to save (default: 1 character). Can be specified as '100c' or '100w' or '100l' with c, w, l being 'characters', 'words' and 'lines' respectively. | No |
| key | Text | Salt for hashing functions, normally empty | No |
| placeholder | Text | Placeholder text for textarea | No |
| distractors | object/mixed | Options for choices (depends on interaction) | No |
| correct | Array | letters or numbers denoting correct response condition (depends on interaction) | No |
You can change some styling using custom css variables. Add a :root{ } block in Mighty's CSS editor for the interaction instance, and copy in the variables you wish to override. The common list of variables you can use is below - see individual interactions for further options:
:root {
--control__page-background: transparent;
--control__page-text: #000;
--control__page-font: sans-serif;
--control__container-shadow: 0 .4rem 1.2rem .2rem #0000000d;
--control__container-border: .1rem solid #ddd;
--control__container-background: #fff;
--control__container-radius: 5px;
--control__feedback-background: #f8f8f8;
--control__feedback-alignment: left;
--control__feedback-text: #666;
--control__textarea-border: .1rem solid #ddd;
--control__textarea-background: #fff;
--control__textarea-resize: none;
--control__button-border: none;
--control__button-background: lightgrey;
--control__button-text: #000;
--control__button-radius: 2rem;
--control__button-padding: .75rem 3rem;
--control__drop-border: 1px dashed lightgrey;
--control__drop-background: linear-gradient(to bottom, transparent, #00000010);
--control__drop-width: 5rem;
--control__drop_radius: 3px;
}