tabs-custom-ui
Reactive icon

Tabs Custom UI

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 03 April 2023
 by 
0.0
 (0 ratings)
tabs-custom-ui

Tabs Custom UI

Documentation
1.0.0

The component consists of a single client action that uses JS and CSS to apply the changes. This takes 3 inputs as seen below (TabId - the Id of the Tab Widget (you must give the Tab Widget a name to use the Id of it), TextColor - allows you to customize the color of the text of the active tab heading (default is the primary color), PillColor - allows you to customize the color of the pill/tag of the active tab heading (default is the primary color). Of these three, only the TabId is mandatory.

It is important to note that this client action MUST be consumed in the OnReady of the screen or block which houses the tabs - this is so that the Tabs Widget has already been loaded into the DOM by the time this action runs. Else it will give errors.

Please feel free to suggest future improvements.