Adapt Learning Community: Navigation component available

Hi all,

I am working on a course in Adapt that should be ready soon. The customer wanted a navigation on the bottom of each Content-object to all other COs. I created a component that can do this and have uploaded it to GitHub.

It takes images and makes them clickable. On click the course will go to the selected Content-Object.

By having the next Content-object larger than the others in the course I am working on it tells the user where to go.

It looks like this in the course:

Navigate as it looks in the course

If anyone wants to use it it is avalable with:

$ adapt install adapt-navigate

or from GitHub at:

https://github.com/MartinSandberg/adapt-navigate

Hi Martin,

I just wanted to say a huge thank you to you for making and sharing this very useful component!

I'll have a proper play with it over the coming week.

All the best and thanks again,
Sven

Show parent | Reply

I was hoping someone made a component like this and was glad to stumble across this. Thank you. I am now trying to incorporate this into the Authoring Tool but can't quite seem to get it to work. I created the following 'properties.schema' file but as soon as I click save i get the following error in the node logs:

Unexpected value for "data" parameter when updating component by 55273314020e8ed407dd1da3

properties.schema:

{
"type": "object",
"$schema": "http://json-schema.org/draft-04/schema",
"id": "http://jsonschema.net",
"$ref": "http://localhost/plugins/content/component/model.schema",
"properties":{
"navigateTo": {
"type":"string",
"required":false,
"default": "",
"inputType": "Text",
"validators": ["required"],
"help": "Id of page to navigate to."
},
"_graphic": {
"type":"object",
"required":true,
"title": "Nav Graphic",
"properties":{
"title": {
"type":"string",
"required":false,
"default": "",
"inputType": "Text",
"validators": [],
"help": "Image title."
},
"alt": {
"type":"string",
"required":false,
"default": "",
"inputType": "Text",
"validators": [],
"help": "The alternative text for this image"
},
"large": {
"type":"string",
"required":true,
"default": "",
"inputType": "Asset:image",
"validators": ["required"],
"help": "The large sized image for desktop devices"
},
"medium": {
"type":"string",
"required":true,
"default": "",
"inputType": "Asset:image",
"validators": ["required"],
"help": "The medium sized image for tablet devices"
},
"small": {
"type":"string",
"required":true,
"default": "",
"inputType": "Asset:image",
"validators": ["required"],
"help": "The small sized image for mobile devices"
}
}
}
}
}

Any help resolving would be greatly appreciated.

Show parent | Reply

ok, well it appears that the node error/warning is coming up anyway, without even using this component..?!? Anyway if I do use this component, the page in which I have included it gets stuck loading and the following error is thrown in the browser console..

Show parent | Reply