Guys, I'm trying to create a circular menu similar to the one below in Canvas, but the limitations of HTML are not allowing me. Has anyone tried to do something like this?
I take the Share URL from Articulate 360 and convert to an iFrame, then I insert the iFrame (HTML mode) on the page.
FWIW, Articulate Storyline has a nice template that I've used that does just this. Can easily be brought into Canvas from Articulate 360
I was was concerned about the user experience of how a designer might order the positioning of items in orbit and how that might affect the user experience of the end user, a student.
|Default||Undesirable Fix||Best||Corrected Positions|
In most cases, that seems funky to me, in that if the CSS doesn't render or is made responsive, the user would see a list that has no proper order for table of contents.
Trying to keep some basic standards of navigation like:
Depending on the images or text used this could create confusion.
Therefore, I made some adjustments to the rotation of the orbiting items to get them in the correct position, or at least show an example of what that might look like.