AnsweredAssumed Answered

Vertical Tabs

Question asked by Drew Flanagan on Mar 29, 2019
Latest reply on May 8, 2019 by John Boekenoogen

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

Outcomes