Before customizing button properties, make sure you understand the different button types in the application. Each button type has its own set of properties.
|
Button Type |
Description |
|---|---|
|
Solid Buttons 
|
Solid buttons have a solid color background by default. Examples include the Upload button (displayed on the upload page) and the Download button (displayed above the form viewer. |
|
Outline Buttons 
|
Outline buttons have a white background and a blue border by default. Examples include the Cancel buttons displayed in dialog boxes. |
For both types of buttons, you can customize the colors of the following components:
|
Component |
Description |
|---|---|
|
Foreground |
The text or icon displayed on the button. |
|
Background |
The background of the button. |
|
Border |
The 1px border displayed around the button. |
|
Box Shadow |
An additional border or shadow displayed around the button when the button is in focus or clicked. Values for box shadow properties follow a specific format. Consult a CSS reference for more information. The following is the default value for box shadows in the PPL application: 0 0 0 .2rem rgba(0,123,255,.5) |
For more information, see the following sections: