Skip to content

Instantly share code, notes, and snippets.

@skarred

skarred/simple-tabview.md

Last active December 25, 2015 04:19
Show Gist options
  • Save skarred/6916786 to your computer and use it in GitHub Desktop.
Save skarred/6916786 to your computer and use it in GitHub Desktop.
Download ZIP
YUI3 WordPress Plugin Example: Using the [yuitabview] and [yuitab] shortcodes to generate a simple TabView from markup on a WP page or post.
Raw
simple-tabview.md

A Simple TabView example with HTML markup

The following WP shorcode...

[yuitabview]  
	[yuitab title='But I Must Explain']  
		<h2>But I Must Explain</h2>
		<p>Sed ut perspiciatis unde ...</p>	 
	[/yuitab]  
	[yuitab title='Sed Ut Pespiciatis']  
		<h2>Sed Ut Pespiciatis</h2>
		<p>But I must explain to you how all this mistaken...</p>	 
	[/yuitab]  
	[yuitab title='On the other Hand']  
		<h2>On the other Hand</h2>
		<p>At vero eos et accusamus et iusto odio...</p>	 
	[/yuitab]  
[/yuitabview]

will render the following datatable:

###Tab 1 tab1

###Tab 2 tab2

###Tab 3 tab3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment