How do I create three separate sections out of one canvas page?

Jump to solution
lfitzjar
Community Novice

I have been trying to follow the instructions on one of the canvas guides, but I don't see how to do it according to the example. 

0 Likes
1 Solution
Shar
Community Champion

Hi Lara Fitzjarrald,

Which guide are you looking at? And are you referring to creating Tabs on a Canvas page?

Tabbed content example

342958_pastedImage_2.png

There are lots of resources that give the same version of the code and require you to use HTML editor. Here's my version of the above code modified for you to make just 3 tabs.

Barebones code here with blank line on each tab.

<h2 class="hidden-desktop">Contents</h2>
<div class="enhanceable_content tabs">
<ul class="enhanceable_content sortable">
<li style="background-color: #e1e1e1;"><a style="text-decoration: none;" href="#tab1">Part 1</a></li>
<li style="background-color: #e2e2e2;"><a style="text-decoration: none;" href="#tab2">Part 2</a></li>
<li style="background-color: #e3e3e3;"><a style="text-decoration: none;" href="#tab3">Part 3</a></li>
</ul>
<div id="tab1">
<h3>Part 1</h3>
<p> </p>
<p class="text-right">Tab 1 of 3</p>
</div>
<div id="tab2">
<h3>Part 2</h3>
<p> </p>
<p class="text-right">Tab 2 of 3</p>
</div>
<div id="tab3">
<h3>Part 3</h3>
<p> </p>
<p class="text-right">Tab 3 of 3</p>
</div>
</div>

Hope this code helps and if this was not what you're talking about, please let us know what you want to achieve and which guide you were following,
Cheers - Shar

View solution in original post

0 Likes