How to use tabs in articles and products. You can change the parameters if you need to. But these parameters work for products. Replace the "this is your content..." with whatever content you wish.
Enter this code into the editor, but if you copy and paste this code, REMOVE the spaces from inside the curly brackets -- all four of them. The spaces are used here so that the command won't render the markup for demo purposes:
{ jatabs type="content" position="top" width="920" height="auto" mousetype="click" animType="none" skipAnim="false" duration=1 }
[tab title="Overview"]
This is your content for tab 1 - ONE
[/tab]
[tab title="More"]
This is your content for tab 2 - TWO
[/tab]
[tab title="Videos"]
This is your content for tab 3 - THREE
[/tab]
{ /jatabs }
That code entered in the WYSIWYG side (or front side) of the editor will produce this:
{jatabs type="content" position="top" width="920" height="auto" mousetype="click" animType="none" skipAnim="false" duration=1}
[tab title="Overview"]
This is your content for tab 1 - ONE
[/tab]
[tab title="More"]
This is your content for tab 2 - TWO
[/tab]
[tab title="Videos"]
This is your content for tab 3 - THREE
[/tab]
{/jatabs}
Also, I've added a template that you can use to insert this code into an article or product via the editor. You can select the "tabs" template and insert it by using the Template icon in the editor:
The WomenTech Educators Training got us thinking intentionally about who we were going to target for outreach, how we were going to target them, and how we would follow up to make sure we had actual results linked to the different programs and events that we were holding. Since then, it has grown organically and blossomed into something that our college just does naturally.
I think getting together as a team with intention—because we're all so busy—and developing a written plan that we could stick to was what made all the difference. I don’t think we would have ever done that if it wasn't for the WomenTech Educators Training.