Tab Types: Single, Table, and Catalog

Each tab in your portal displays data from one worksheet. When you configure a tab, you choose how that data is presented to your customers. eg2 offers three tab types.

Single

A Single tab shows one matching row as a key-value card — one field per line, clearly laid out.

Use this when a customer has exactly one record and you want to present it at a glance. Common examples:

• Account summary (name, plan, balance)
• Subscription details
• Personal profile information

The tab shows the first row where the contact column matches the logged-in customer’s email address.

Table

A Table tab shows all matching rows in a sortable, searchable, paginated table.

Use this when a customer has multiple records and you want them to be able to browse, search, and sort. Common examples:

• Order history
• Invoice list
• Transaction log

Customers can search across all visible columns and sort by any column header. Pagination keeps the view fast even with hundreds of rows.

Catalog

A Catalog tab shows all matching rows as a visual card grid — like a product gallery.

Use this when rows represent items that benefit from a visual layout: products, properties, vehicles, listings.

Each card shows:

• A primary image (if an image column is configured — see Setting Up a Catalog with Images)
• A title (the column you designate as the title field)
• A subtitle (an optional secondary label)

Clicking a card opens a full-screen lightbox viewer with:

• Full-size image display with zoom and download
• Navigation between additional images if multiple image columns are configured
• A togglable info panel showing all other fields for that row
• Related records from a linked child tab, if one is configured (see Related Records)

Catalog tabs support search, sort, and pagination just like a table tab.

Setting the Tab Type

When configuring a tab in the admin panel:

1. Open the portal editor and select the tab you want to configure.
2. In the Display Type selector, choose Single, Table, or Catalog.
3. Configure the columns — set the identifier column, choose which columns to show, rename headers if needed, and set the display direction (LTR or RTL).
4. Click Save.

You can change the type at any time. The underlying data stays the same regardless of how it’s displayed.