Customize your course website > Using tabs

Using tabs


You can use tabs to help you organize content on your page! This is especially helpful if you find you have a lot of text to display. Tabs can be added anywhere there is an HTML editor. To add tabs, start your text with {%: title of tab }. Then add the text you wish to sit inside the tab. At the end of the text, close the tab with {%}


And the page will look like this:


Avoid embedding the HTML markup code between the tab markup. For example:

<p>{%:Title of the section}</p>


TIP: Use the Toggle Preview button in the Atto HTML editor to see what the formatted text looks like before saving.

This is the icon closer to the right-hand side of the sets of tools in Atto, when you hover over it, it will say Toggle Preview"


Please sign in to leave a comment.
Powered by Zendesk