General components styles Learn about the presentation of general components in custom style formats. Skin form — Components tab — General — Action area The styles you set here define the header of an action area. Skin form — Components tab — General — Action area Styles set here apply to the body of the action area. This area is not visible in the Skin Preview. Skin form — Components tab — General — Button area Styles that you set here apply to the background and border of button areas. A button area is the area surrounding buttons in a harnesses. Skin form — Components tab — General — Custom styles You can specify a custom style on the Advanced tab of the Properties panel. You must enter the custom style name. Skin form — Components tab — General — Errors Styles set here determine the appearance of field-level error messages. Skin form — Components tab — General — Errors Styles set here determine the appearance of Labels for field-level errors. As a best practice, to make errors stand out visually, use fonts and background colors that contrast with those applied to other UI elements. Skin form — Components tab — General — Errors The field styles that you set determine the icon that displays for field-level errors. Skin form — Components tab — General — Modal dialogs Styles set here apply to the header of modal dialogs. You can define styles for the Standard modal dialog format or create custom modal dialog formats. Skin form — Components tab — General — Modal dialogs Styles set here apply to the background of modal dialogs. Skin form — Components tab — General — Modal dialogs Styles set here apply to the border and window size of modal dialogs. The implementation and CSS classes for modal formats differs, depending upon whether your application is rendered in HTML5 document type - standards mode or in quirks mode. See Displaying a modal dialog in a custom format created in the skin on the Pega Community. Skin form — Components tab — General — Overlays Styles set here apply to overlays. You can define styles for the Standard overlay format or create custom overlay formats. Skin form — Components tab — General — Page Styles set here determine the text, background, and padding of pages. Skin form — Components tab — General — Panel Set Beginning with 7.1, panel sets are deprecated. As a best practice, upgrade panel sets to screen layouts. Skin form — Components tab — General — Panel Set Beginning with 7.1, panel sets are deprecated. As a best practice, upgrade panel sets to screen layouts. Skin form — Components tab — Layouts — Screen layouts Styles set here apply to screen layout formats. Screen layouts are available only to user interfaces rendered in HTML5 document type. As a best practice, update deprecated panel sets to use screen layouts. Skin form — Components tab — General — Wizard Styles set here apply to the header in WizardScreenFlow harnesses. Wizards are not visible in the Skin Preview, or accessible from the Run icon in the Skin rule form. Save the skin rule and run the flow to preview. Skin form — Components tab — General — Wizards Styles set here apply to the left panel in WizardScreenFlow harnesses. Wizards are not visible in the Skin Preview or accessible from the Run icon in the Skin rule form. Save the skin rule and run the flow to preview.