Contineo Platform

Tabs List

A tabbed navigation component that organizes content into selectable tabs. Features vertical or horizontal orientation, customizable tab alignment, dynamic content loading, and icon support. Supports both static and entity-driven tab generation with custom styling options.

Extends: listComponent

Fields

Name	Code	Data Type	Description
ID	`resourceId`	text	Unique identifier for the component
Style Classes	`styleClasses`	text	CSS classes for styling
Width	`widthClass`	text	Controls component width
Selected Tab	`selectedTab`	text	Currently active tab identifier
Hide Panels	`hidePanels`	boolean	Controls visibility of tab content panels
Tab Page Align	`tabPageAlign`	text	Alignment of tabs within the tab bar
Vertical	`vertical`	boolean	Toggles between vertical and horizontal tab orientation
Active Color	`activeColor`	text	Color of the active tab indicator
Tab ID Field	`tabIdField`	text	Specifies which field from the list items to use as unique identifier
Tab Label Field	`tabLabelField`	text	Specifies which field from the list items to use as the display label
Tab Icon Field	`tabIconField`	text	Specifies which field from the list items to use as the icon for each tab
List	`list`	text	Array of items to display as tabs
Entity	`entity`	text	Entity data source for dynamic tab generation

Methods

Name	Description
`getDefaultEntitySelectFieldsForSelector`	Retrieves the default ID and title fields from an entity schema for field mapping
`addDefaultMapping`	Adds default data mapping for the selected tab state
`createModelMappings`	Creates data mappings from the wizard configuration
`getUIMappingFields`	Retrieves the field mapping configuration for tab ID and label fields

Events

Name	Description
`onChange`	Triggered when the selected tab changes