tabs in pages

unknown

how do I add tabs to pages in canvas??

 

 

Chris_Hofer

Hi there, @RuthHeath ...

You'll probably want to take a look at this topic...which addresses some of the same things you want to know about adding tabbed content to a page in your coures:

Solved: Formatting tabs in Canvas page - Instructure Community (canvaslms.com)

I'll provided the code so it's better formatted:

<div class="enhanceable_content tabs">
	<ul style="background-color: #dcfa70;">
		<li><a href="#fragment-1">Tab One</a></li>
		<li><a href="#fragment-2">Tab Two</a></li>
		<li><a href="#fragment-3">Tab Three</a></li>
	</ul>
	<div id="fragment-1">Tab 1 content</div>
	<div id="fragment-2">Tab 2 content</div>
	<div id="fragment-3">Tab 3 content</div>
</div>

But keep in mind the comments from me and James in the post that I linked to above...as this code may not work in the future.

Hope this helps!