Create Drop Downs

Question

Hello. I am wanting to create drop down menus within the course overview pages. For example, one drop down could include course reading for the week and another could have assignments. Is this possible? I have looked around these forums for an answer and cant seem to find one.

Gabriel33 · Accepted Answer

Canvas limits what type of HTML a user can add to the Rich Content Editor, following mostly this page here:  Canvas HTML Editor Allowlist - Instructure Community - 387066  
Anything more than that and you'd need Admin rights and then add CSS or Javascript to the Canvas instance, or a third party solution that adds those to Canvas.

To achieve something like that within the HTML allow list, I believe the instructor would need to be willing to update the page every week with the current readings/assignments, and instead of a drop down, they can use the details and summary tags: HTML details Tag

Note that there's also an option to use tabs instead of details/summary, but that has been under a possible deprecation notice since at least 2017 (see the first comment):  Making a Content Page with Tabs - Instructure Community - 279010

Alternatively, you can have a page with links for each week to either other pages or to modules with the readings and the assignments.

Ron_Bowman · Accepted Answer

@CamRobb as far as what @Gabriel33 mentioned regarding deprecation, that is true.  However, for right now the following may be something you can work with and adjust as needed.  I am not sure how the code will come out but I will try to post it.  This is something I have been playing around with for my courses. You should be able to post the code below into a page and see what it looks like.

Good luck

Ron

Section 1

Section 1 Content

Tab One
Tab Two
Tab Three

Section 1

Section 1 Content

Section 2

Section 2 Content

Section 3

Section 3 Content

List item one
List item two
List item three

Tab 2 content
Tab 3 content

Section 2

Section 2 Content

Section 3

Section 3 Content

List item one
List item two
List item three

Tab One
Tab Two
Tab Three

Section 1

Section 1 Content

Section 2

Section 2 Content

Section 3

Section 3 Content

List item one
List item two
List item three

Tab 2 content
Tab 3 content