example.json

{
    "_id": "c-05",
    "_parentId": "b-05",
    "_type": "component",
    "_layout": "full",
    "_component": "scenario",
    "title": "Scenario",
    "displayTitle": "Scenario",
    "body": "Select the Forward button on the slider to view the conversation.",
    "itemsOnStage": 2,
    "_items": [
    {
        "speaker": "Sam",
        "body": "Hi Martin",
        "_graphic": {
            "_src": "assets/sam.png"
        },
        "_position": {
            "_right": false
        },
        "_color": false
    },
    {
        "speaker": "Martin",
        "body": "Hi Sam",
        "_graphic": {
            "_src": "assets/martin.png"
        },
        "_position": {
            "_right": true
        },
        "_color": false
    },
    {
        "speaker": "Sam",
        "body": "Responsive e-learning design takes its inspiration from responsive web design.",
        "_graphic": {
            "_src": "assets/sam.png"
        },
        "_position": {
            "_right": false
        },
        "_color": true
    },
    {
        "speaker": "Martin",
        "body": "Yes, the Adapt Framework creates HTML5 e-learning courses. They may be delivered with a web server or a with SCORM compliant learning management system.",
        "_graphic": {
            "_src": "assets/martin.png"
        },
        "_position": {
            "_right": true
        },
        "_color": false
    },
    {
        "speaker": "Sam",
        "body": "Right",
        "_graphic": {
            "_src": "assets/sam.png"
        },
        "_position": {
            "_right": false
        },
        "_color": true
    },
    {
        "speaker": "Martin",
        "body": "We’re inspired by being completely open and everything is discussed in the open from the start. This is where these discussions take place.",
        "_graphic": {
            "_src": "assets/martin.png"
        },
        "_position": {
            "_right": true
        },
        "_color": true
    }
    ],
    "_pageLevelProgress": {
        "_isEnabled": true,
        "_isCompletionIndicatorEnabled": true
    }
}