This FACETS UX style guide acts as a document that helps provide a consistent look and feel to our applications. The rules listed here are intended to help solve common design problems, and are meant to be standard reference points for all designers and web developers. For UX designers, prototyping ideas and implementing new designs become more efficient, and a consistent visual design can be easily enforced throughout the product. For developers, the style guide provides definitions for exact styles and colors to help improve the interface and avoid errors during the build process.
Technical RequirementsThe default resolution for FACETS applications is 1920x1080.
The default browser software supported is Chromium.
Latest Updates| Date | Name | Description |
| 12/21/2022 | Stepper Control | Added a new UI component Stepper Control |
| 11/03/2022 | Label color change (#595959) | ** This is a global change. Everywhere you have labels that are #595959, please change them immediately to #595959 for 508 Accessibility Compliance |
| 10/13/2021 | Warning dialog with 'Leave' and 'Cancel' | The dialog is updated by removing 'Yes' and 'No' in the action buttons. |
| 10/09/2021 | Dialogs for 'New' and 'Copy' | Added the dialogs for 'New' annd 'Copy'. Added the instructions for the actions. |
| 10/09/2021 | Left Menu for scrolling | Added a new UI component which will be used to avoid scrolling |
| 10/09/2021 | Card | Added a new UI component which will be used to display the visually group related information, controls and links. |
| 10/07/2021 | Labels | Included the details of the space between the components. |
| 10/04/2021 | Checkbox | Added a new behaviour of the disabled state for the checkbox. |
If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.