This article will help Client Portal designers to understand the Client Portal Styles menu option within the TDAdmin. The user must have access to TDAdmin.
Overview
Each section will show the default Client Portal style settings 1) default (default) and 2) after, with custom coloring applied. The colors chosen are not suggested as a best practice but are used to clearly illustrate the relationship between the style and display configurations.
Page Header
Before (default colors)
![TeamDynamix Page Header with default coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=295c6037-c410-46df-8454-a564099e7f97.png)
After (custom colors)
![TeamDynamix Page Header with custom coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=c39b1ba6-4f80-4f14-97bc-0e7c550f78e1.png)
Color Key
![TeamDynamix Page Header custom coloring color key](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=93e5a6e0-b419-4636-8292-f9c393a0b0a0.png)
Navigation
Before (default colors)
![TeamDynamix Navigation bar with default coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=3df45646-388b-4048-9bc6-22e7eb7dff09.png)
After (custom colors)
![TeamDynamix Navigation bar with custom coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=a3318c0b-69cc-49b4-9362-66971a4ee2f2.png)
Color Key
![TeamDynamix Navigation custom coloring color key](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=3d62ce61-9032-4097-b02f-1326a4912d7f.png)
Headings
Before (default colors)
![TeamDynamix Headings with default coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=0d6f0f5e-4693-4861-9a87-4cf8de7217ab.png)
After (custom colors)
![TeamDynamix Headings with custom coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=c3a32e6f-82a0-4642-8126-29e1f4421ca0.png)
Color Key
![TeamDynamix Headings with custom coloring color key](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=4781817e-f52a-4323-9f64-165f7971ae0f.png)
Grid Row Highlight, Navigation and Category Items
Before (default colors)
![TeamDynamix Grid Row Highlight, Navigation and Category Items with default coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=eeebed6c-890a-49f8-b584-3f3fd3b0134b.png)
After (custom colors)
![TeamDynamix Grid Row Highlight, Navigation and Category Items with custom coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=45d2c910-21a2-49e1-8ccb-bf51b8fa8375.png)
Color Key
![TeamDynamix Grid Row Highlight, Navigation and Category Items with custom coloring color key](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=d81a4188-5662-4c4b-b6f2-a5e03a9ee01b.png)
Buttons
Before (default colors)
![TeamDynamix Buttons with default coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=df5e4796-f32e-4487-9cce-4d04464eb05d.png)
After (custom colors)
![TeamDynamix Buttons with custom coloring](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=ec406214-8858-4879-86f6-d4167c939c5b.png)
Color Key
![TeamDynamix auto with custo coloring color key](https://solutions.teamdynamix.com/TDPortal/Images/Viewer?fileName=f67a47af-7174-4520-b9ea-0aa034ca7c34.png)