Tabbed content blocks are a great solution to standardize the format of your content, when you have a lot of text to add to a page or resource.

Here's an example of what a tabbed content block looks like:

By clicking on the tabs to the left, the content to the right will update with the relevant body text.

To create one of these, copy and paste the code below into the 'text' tab of your text editor:

<ul class="vertical-tabs">
<li><strong>Block 1</strong></li>
<li><strong>Block 2</strong></li>
<li><strong>Block 3</strong></li>
<li><strong>Block 4</strong></li>
<li><strong>Block 5</strong></li>
<li>BLOCK 1 TEXT</li>
<li>BLOCK 2 TEXT</li>
<li>BLOCK 3 TEXT</li>
<li>BLOCK 4 TEXT</li>
<li>BLOCK 5 TEXT</li>

You can add additional blocks by adding another line item to the top list,

<li>Block X</li>

and an additional corresponding line item to the bottom list:

<li>BLOCK X TEXT</li>

If you have questions, send a message to and we can help format this for you!

Did this answer your question?