Jump to main content Jump to doc navigation

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 Default 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

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

  • modmore
  • STERC
  • Digital Penguin
  • Jens Wittmann – Gestaltung & Entwicklung
  • Fabian Christen
  • Dannevang Digital
  • Sepia River Studios
  • Chris Fickling
  • CrewMark
  • deJaya
  • eydolan
  • Lefthandmedia
  • Murray Wood
  • Following Sea
  • Anton Tarasov
  • Stéphane Jäggi
  • Raffy
  • Snow Creative
  • A. Moreno
  • Nick Clark
  • JT Skaggs
  • Helen
  • YJ
  • krisznet
  • Richard
  • Yanni

Budget

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

Learn more