Jump to main content Jump to doc navigation

What is easytabs?

Easytabs will create css tabs on a page.


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"},

See the snippet properties for more options.


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


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.


  • modmore
  • modmore
  • Jens Wittmann – Gestaltung & Entwicklung
  • Raffy
  • eydolan
  • Digital Penguin
  • Fabian Christen
  • Dannevang Digital
  • deJaya
  • Sepia River Studios
  • Following Sea
  • Anton Tarasov
  • Lefthandmedia
  • Nick Clark
  • Chris Fickling
  • Murray Wood
  • YJ
  • CrewMark
  • Richard


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

Learn more