Help: Branding wizard — Gadgets

Menu Bar

Normal and Tabbed — Apply fonts, colors, and heights for Normal (bar) or Tab menu formats. You can define formats at three levels:

• Normal and Tabbed Menu — The menu itself. The Quick Create Main color is the default.
• Item Box — The item box at the menu level. The Accent color is the default.
• Items — The items within the boxes. The Quick Create Accent color is the default.

In the example below, the menu bar background is blue, the menu bar item boxes border is red, and the menu items background is yellow:

The default colors are the Main and Accent colors applied in Quick Create.

Data Grid

Apply fonts and colors to the headers and rows in to DataGrid controls. In the example below, all fonts are black. The background colors are as follows:

• Grid — blue
• Column headers — vertical gradient red/gray
• Row numbers normal — light blue
• Row numbers selected — light green
• Even row — white
• Odd row — light gray
• Selected row — dark gray

The default colors are the Main and Accent colors applied in Quick Create.

Commands

Click Preview to open in a new window a rendering of the UI elements as configured so far. To view the rendering on a traditional Pega portal, click Preview Traditional Portal in the preview window.

Click Next>> to advance to Custom, Step 5.

Click <<Back to return to the previous step.

Click Save to save your updates to the skin rule.

Click Cancel to discard your updates and exit the wizard.

Click Finish to save your updates and exit the wizard. This action opens a panel containing an array of rules comprising the skin and its associated portal and text rules. Click the edit button () to open a rule. From this form, click Reopen Skin to return to the first step, or click Cancel to exit the wizard.

Styles and Formats Help Topics

About the Branding wizard