easytabs

Last updated Dec 9th, 2019 | Page history | Improve this page | Report an issue

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

Budget

$301 per month—let's make that $500!

Learn more

What is easytabs?¶

Easytabs will create css tabs on a page.

Usage¶

Example for easytabs:

[[easytabs? &tabContent=`
    [{"tab_id":"one","tab_name":"One","tab_content":"Content 1"},
    {"tab_id":"two","tab_name":"Two","tab_content":"Content 2"},
    {"tab_id":"three","tab_name":"Three","tab_content":"$chunkName"}]
`]]

See the snippet properties for more options.

Properties¶

Name	Description	Default	Required	Version
tabContent	JSON array of data to display in the tabs.		Yes	>0.0.2
cssFile	Specify the location of the css file to use.			>0.0.2

tabContent¶

Name	Description	Required	Version
tab_id	ID for the field.	Yes	>0.0.2
tab_name	Name to display on the tab.	Yes	>0.0.2
tab_content	Content to display in the tab. To display content from a chunk prefix the chunk name with a "$".	Yes	>0.0.2