element14 Community
element14 Community
    Register Log In
  • Site
  • Search
  • Log In Register
  • Community Hub
    Community Hub
    • What's New on element14
    • Feedback and Support
    • Benefits of Membership
    • Personal Blogs
    • Members Area
    • Achievement Levels
  • Learn
    Learn
    • Ask an Expert
    • eBooks
    • element14 presents
    • Learning Center
    • Tech Spotlight
    • STEM Academy
    • Webinars, Training and Events
    • Learning Groups
  • Technologies
    Technologies
    • 3D Printing
    • FPGA
    • Industrial Automation
    • Internet of Things
    • Power & Energy
    • Sensors
    • Technology Groups
  • Challenges & Projects
    Challenges & Projects
    • Design Challenges
    • element14 presents Projects
    • Project14
    • Arduino Projects
    • Raspberry Pi Projects
    • Project Groups
  • Products
    Products
    • Arduino
    • Avnet Boards Community
    • Dev Tools
    • Manufacturers
    • Multicomp Pro
    • Product Groups
    • Raspberry Pi
    • RoadTests & Reviews
  • Store
    Store
    • Visit Your Store
    • Choose another store...
      • Europe
      •  Austria (German)
      •  Belgium (Dutch, French)
      •  Bulgaria (Bulgarian)
      •  Czech Republic (Czech)
      •  Denmark (Danish)
      •  Estonia (Estonian)
      •  Finland (Finnish)
      •  France (French)
      •  Germany (German)
      •  Hungary (Hungarian)
      •  Ireland
      •  Israel
      •  Italy (Italian)
      •  Latvia (Latvian)
      •  
      •  Lithuania (Lithuanian)
      •  Netherlands (Dutch)
      •  Norway (Norwegian)
      •  Poland (Polish)
      •  Portugal (Portuguese)
      •  Romania (Romanian)
      •  Russia (Russian)
      •  Slovakia (Slovak)
      •  Slovenia (Slovenian)
      •  Spain (Spanish)
      •  Sweden (Swedish)
      •  Switzerland(German, French)
      •  Turkey (Turkish)
      •  United Kingdom
      • Asia Pacific
      •  Australia
      •  China
      •  Hong Kong
      •  India
      •  Korea (Korean)
      •  Malaysia
      •  New Zealand
      •  Philippines
      •  Singapore
      •  Taiwan
      •  Thailand (Thai)
      • Americas
      •  Brazil (Portuguese)
      •  Canada
      •  Mexico (Spanish)
      •  United States
      Can't find the country/region you're looking for? Visit our export site or find a local distributor.
  • Translate
  • Profile
  • Settings
Feedback and Support
  • Community Hub
  • More
Feedback and Support
Site FAQ How to use tabbed content and filtered tables
  • Blog
  • Forum
  • Documents
  • Polls
  • Files
  • Mentions
  • Sub-Groups
  • Tags
  • More
  • Cancel
  • New
Actions
  • Share
  • More
  • Cancel
Engagement
  • Author Author: Matt
  • Date Created: 2 Mar 2015 11:28 AM Date Created
  • Last Updated Last Updated: 11 Mar 2022 9:26 AM
  • Views 1250 views
  • Likes 1 like
  • Comments 0 comments
Related
Recommended

How to use tabbed content and filtered tables

Introduction

 

These two features are written so that if someone views the content in an email, activity stream, notification, or browser that's not running JavaScript, then the content will simply appear in a standard table.

 

Tabbed Content

 

This is an alternative way to present some content. If you put the command {tabbedtable} in the first column heading, you'll enable a feature which turns your table into a tabbed layout when you publish your changes.

 

From the 'Insert' menu:

image

 

This will give you a helper dialog which tells you how the feature works, and allow you to insert an example. It isn't essential that you do this each time you want to use this feature.. it's just a reminder of where you'd need to put your text and the {tabbedtable} command in a standard table.

 image

 

After you publish your content, the table will be automatically turned into a tabbed layout like this;

 

image

 

 

Filtered Tables

 

This is really handy If you've got a table of data that you'd like to make searchable, or have the columns filterable. Simply put the text {searchbar} in any column heading if you want to make the table searchable, and use {filter} to display a drop-down filter.

 

When you're editing your content, click this icon in the editor toolbar;

 image

 

This will give you a helper dialog which tells you how the feature works, and allow you to insert an example. It isn't essential that you do this each time you want to use this feature.. it's just a reminder of where you'd need to put the {filter} and {searchbar} commands in a standard table.

 

image

 

After you publish your content, you'll see the filters and search bar will automatically appear;

 

image

  • Share
  • History
  • More
  • Cancel
element14 Community

element14 is the first online community specifically for engineers. Connect with your peers and get expert answers to your questions.

  • Members
  • Learn
  • Technologies
  • Challenges & Projects
  • Products
  • Store
  • About Us
  • Feedback & Support
  • FAQs
  • Terms of Use
  • Privacy Policy
  • Legal and Copyright Notices
  • Sitemap
  • Cookies

An Avnet Company © 2025 Premier Farnell Limited. All Rights Reserved.

Premier Farnell Ltd, registered in England and Wales (no 00876412), registered office: Farnell House, Forge Lane, Leeds LS12 2NE.

ICP 备案号 10220084.

Follow element14

  • X
  • Facebook
  • linkedin
  • YouTube