Skip to main content
A tabbed interface that automatically creates a tab for each root-level data element (taxon) in the content taxonomies. Each tab displays a transposed grid view of the selected taxon, providing an organized way to view all top-level data elements in a workspace.

​
Type

type: "taxonTabs"

​
Properties

None - this component automatically discovers and displays all root-level taxons from content taxonomies.

​
Layout

  • Default Width: 12 columns
  • Default Height: 10 rows
  • Supports Children: Yes (passed through to the transposed grid)

​
Configuration Example

- type: taxonTabs
  id: allDataTabs
  layout:
    x: 0
    y: 0
    w: 12
    h: 12

​
Advanced Usage

​
Automatic Tab Generation

The component automatically:
  1. Scans all content taxonomies
  2. Collects all root-level taxons
  3. Filters to only enabled taxons
  4. Creates a tab for each taxon
  5. Uses the taxon’s label as the tab name

​
Tab Ordering

Tabs are displayed in the order they appear in the taxonomy structure, with all taxons from each taxonomy listed sequentially.

​
Grid Generation

For each tab, the component:
  • Creates a transposed grid card automatically
  • Sets the attributeLabel to the taxon’s label
  • Sets the groupTaxon to the taxon’s name
  • Passes through parent data object and tag metadata
  • Renders using KodexaFormCardTransposedGrid

​
Tab Selection

  • The first taxon is selected by default when the component loads
  • Clicking a tab switches to that taxon’s grid view
  • Tab state is maintained during navigation

​
Example: Complete Data Overview

- type: taxonTabs
  id: masterDataView
  layout:
    x: 0
    y: 0
    w: 12
    h: 14
If your content taxonomies include root-level taxons like:
  • Invoice
  • Customer
  • Product
  • Order
This will automatically create four tabs, each showing a transposed grid view of that data element across all documents.

​
With Custom Children

- type: taxonTabs
  id: dataOverview
  layout:
    x: 0
    y: 0
    w: 12
    h: 12
  children:
    # These children will be passed to each transposed grid
    - type: label
      id: gridFooter
      properties:
        label: "Data as of today"
      layout:
        x: 0
        y: 11
        w: 12
        h: 1

​
Notes

  • This component provides a comprehensive view of all root-level data
  • Useful for general-purpose data browsing interfaces
  • Only enabled taxons are shown as tabs
  • The component reactively updates when taxonomies change
  • Each tab’s content is a full transposed grid with all its features
  • Children from the card configuration are passed to each grid
  • The component requires at least one content taxonomy with root taxons
  • Empty state is handled gracefully if no taxons are available
  • Tab strip uses the standard Kodexa tab styling
  • Each grid is keyed by taxon ID to ensure proper rendering
Use this card when you want to provide a quick way to browse all top-level data in your workspace without manually configuring individual tabs.