cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
nicole_vandenbo
Community Member

Canvas Student App: Next & Previous Buttons on Direct Links to Modules

Jump to solution

I teach elementary school and usually disable the modules page (too confusing for my students). Instead I put a direct URL link on my homepage to the first page of the module. The students are then able to navigate using the previous/next buttons.

On the Canvas App, the previous/next buttons show up if you go to the page through modules, but they are not there when you use the direct link to the page. Is there anything that will make the buttons show up?

0 Kudos
1 Solution

Accepted Solutions
narmstrong
Instructure
Instructure

In order for the Next/Previous buttons to show up on mobile the URL to the module item needs to include the module item id. If you are inserting a link to the page using the sidebar in the Rich Content Editor, that link's url will not include the module item id.


The easiest way to get the correct URL would be to view the module item through modules and then copy the URL from your browser's address bar.

For example, if you are linking to a module item that is a page, if you use the Rich Content Editor sidebar to embed the link you will end up with a link that looks like this: https://canvas.instructure.com/courses/1/pages/my-page-1

What you need is a link that looks like this: https://canvas.instructure.com/courses/1/pages/my-page-1?module_item_id=30. And you can get that by viewing the page through modules.

Notice that the second url has the module_item_id=30. Mobile relies on that module_item_id in order to show the Next and Previous buttons.

With that said, there are things that we could do to support the urls that don't contain the module_item_id. We just need to prioritize it. For now, what I have described above is the current workaround.

I'm speaking for iOS right now but I believe Android works the same way.

If you have any issues with what I just described please let us know.


Thanks,

Nate

iOS Team Lead

View solution in original post

0 Kudos
2 Replies
narmstrong
Instructure
Instructure

In order for the Next/Previous buttons to show up on mobile the URL to the module item needs to include the module item id. If you are inserting a link to the page using the sidebar in the Rich Content Editor, that link's url will not include the module item id.


The easiest way to get the correct URL would be to view the module item through modules and then copy the URL from your browser's address bar.

For example, if you are linking to a module item that is a page, if you use the Rich Content Editor sidebar to embed the link you will end up with a link that looks like this: https://canvas.instructure.com/courses/1/pages/my-page-1

What you need is a link that looks like this: https://canvas.instructure.com/courses/1/pages/my-page-1?module_item_id=30. And you can get that by viewing the page through modules.

Notice that the second url has the module_item_id=30. Mobile relies on that module_item_id in order to show the Next and Previous buttons.

With that said, there are things that we could do to support the urls that don't contain the module_item_id. We just need to prioritize it. For now, what I have described above is the current workaround.

I'm speaking for iOS right now but I believe Android works the same way.

If you have any issues with what I just described please let us know.


Thanks,

Nate

iOS Team Lead

View solution in original post

0 Kudos

Another suggestion would be to link to the module instead of the first module item. The reason I suggest this is because you can use the Rich Content Editor sidebar to get the link to a module. The downside is that this would still require another tap for the user to tap into the first module item.