Changing the color of the bar under a selected tab
Changing the color of the bar under a selected tab
Comments
-
To change the color of the little bar under the selected tab make a css file and add the code at the bottom. Then when you add that css file to a form the color will change from the default blue to what ever you define in the code, for this example it will change to green
.dp-tabs .ui-tabs-nav li.ui-state-default.ui-state-active {
border-bottom: 4px solid green !important;
} -
Additional sample CSS that can be used for tab containers on a dashboard.
.form-surface-view .dp-tabs .ui-tabs-nav li.ui-state-default.ui-state-active {
border-bottom-color: #007bff;
}
.form-surface-view .dp-tabs .ui-tabs-nav li .ui-tabs-anchor {
color: #969696;
}[img]att2[/img]
[img]att3[/img]
[i]edited by althea@decisions.com on 10/31/2019[/i]
Howdy, Stranger!
Categories
- 4.4K All Categories
- 82 General
- 13 Training
- 210 Installation / Setup
- 1.2K Flows
- 110 Rules
- 270 Administration
- 213 Portal
- 498 General Q & A
- 714 Forms
- 347 Reports
- 3 Designer Extensions
- 48 Example Flows
- 58 CSS Examples
- 1 Diagram Tile
- 8 Javascript Controls
- 187 Pages
- 5 Process Mining
- New Features
- 186 Datastructures
- 70 Repository
- 230 Integrations
- 29 Multi-Tenant
- 27 SDK
- 81 Modules
- 59 Settings
- 26 Active Directory
- 12 Version 7
- 35 Version 8
- 143 Lunch And Learn Questions