Dazzle Color Profiles Administration
Welcome to TeamConnect 7.1. Users can now personalize or customize TeamConnect for their company through Dazzle Color Profiles Administration.
CSS Variables in MitraDazzle Color Profiles
Prerequisites
Below are the pre-requisites required:
- TeamConnect 7.0+
- Text editor:
- Minimum - Notepad
- Recommended - Visual Studio Code (Visual Studio Code for the Web).
How to apply MitraDazzle Color Profiles?
Steps to Follow | Screen capture for Reference |
---|---|
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
How to change the Variables in MitraDazzle Color Profile?
Steps to Follow | Screen capture for Reference |
---|---|
|
![]() |
Note: These changes are only effective on this page; if you navigate away, the changes will be lost. |
![]() |
|
![]() |
Note: To ensure that the original color profile is retained, save this under a new file name. |
![]() |
|
![]() |
Note: To get a consistent look and feel in MitraDazzle color profile, many of the CSS display properties have been overridden using “!important”.
When working with MitraDazzle color profile applied on an instance & if you’re using "display:none;" to show/hide fields either using CSS/JS in XMLs or using interactions in Screen Designer please keep note to apply it on the following classes -
- row
- form-row
- column
- field-cell
These classes have specialized CSS applied to allow for show/hide to work correctly with MitraDazzle color profile and maintain visual consistency.