Before making any changes to either UI Macros or Service Portal Widgets, it is highly recommended that you duplicate the record and make your changes in the new record, leaving the original intact. This can be done in a UI Macro by right-clicking the form header and selecting insert and stay or in a Service Portal Widget by clicking the Clone Widget UI Action. The following sections cover some basic customizations that allow you to change a few colors in the controls so they may better fit into your current color scheme.
The following attributes can be added to the <signature-widget> tag in either the XML field of a UI Macro or the Body HTML template field of a Service Portal Widget. Each attribute takes a CSS color value.
| Attribute | Description |
|---|---|
| header-color | Background color of the widget header |
| header-font-color | Font color of the widget header |
| border-color | Border color of the widget |
| pdf-header-color | Background color of the PDF headers contained inside the widget |
| pdf-header-font-color | Font color of the PDF headers contained inside the widget |
| pdf-border-color | Border color of the PDF sections contained inside the widget |
An example with each of these attributes set looks like the following:
<signature-widget
header-color="#428bca"
header-font-color="#FFF"
border-color="blue"
pdf-header-color="darkblue"
pdf-header-font-color="white"
pdf-border-color="#0000ff"
></signature-widget>
The following attributes can be added to the
| Attribute | Description |
|---|---|
| header-color | Background color of the widget header |
| header-font-color | Font color of the widget header |
| border-color | Border color of the widget |
An example with each of these attributes set looks like the following:
<revision-attachment-widget
header-color="#428bca"
header-font-color="#FFF"
border-color="blue"
></revision-attachment-widget>