Vertical Tabs

dflanagan1
Community Explorer

Hi there,

We are trying to create some vertical tabs in Canvas (very much like this https://www.w3schools.com/howto/howto_js_vertical_tabs.asp)

We have successfully used this style guide code for Regular tabs in the past:

<div id="styleguide-tabs-demo-regular">  <ul>    <li><a href="#tabs-1">Tab One</a></li>    <li><a href="#tabs-2">Tab Two</a></li>    <li><a href="#tabs-3">Tab Three</a></li>  </ul>  <div id="tabs-1">Tab 1 content</div>  <div id="tabs-2">Tab 2 content</div>  <div id="tabs-3">Tab 3 content</div></div>

We have played around adding some CSS and Java but don't seem to be getting very far.

Any ideas would be greatly appreciated.

Kind regards,

Drew

0 Likes