Add a Header, Footer, and Logo to Your DKP Implementation

Use the customizable Banners page to add header banners, footer banners, and select the colors for them. You can define header and/or footer banners for your DKP pages and turn them on and off, as needed.

DKP displays your header and footer banner in a default typeface and size, which cannot be changed.

Creating a Header Banner

The text you type in the Text field appears centered at the top of the screen. The text length is limited to 100 characters, including spaces. The text color is determined by the background color and automatically calculates an appropriate light or dark color for you.

The Color selection control uses the style of your browser for its color picker tool. This control allows you to select a color for your header banner in one of three ways:

• Enter the color’s Hex code.

• Select a general color range, and then select a specific shade or tint. The color input uses the style of your browser for its color selection tool.

• Select the eyedropper, move it to a sample of the color you want and select once to select that color’s location.

Creating a Footer Banner

The text you type in the Text field appears centered at the bottom of the screen.

The Color selection control uses the style of your browser for its color picker tool. This control allows you to select a color for your footer banner in one of three ways:

• Enter the color’s Hex code.

• Select a general color range from the slider bar, and then select a specific shade or tint with your mouse cursor.

• Select the eyedropper, move it to a sample of the color you want and select once to select that color’s location.

Adding Your Organization’s Logo to the Header

When you license and install DKP Enterprise or Gov Advanced, you also have the option to add your organization’s logo to the header. The width of the header banner automatically adjusts to contain your logo. DKP automatically places your logo on the left side of the header, and centers it vertically.

Your logo graphic must meet the following criteria:

• Use a suggested file format - PNG, SVG, or JPEG.

• The file size cannot exceed 200 KB.

Error messages affecting the file to upload appear below the image in red, inside the shaded logo area.

To provide security against certain kinds of malicious activity, your browser has a “same-origin policy” for accessing resources. When you upload a file, the browser creates a unique identifier for the file. This will prevent you from selecting a file more than once.

Upload a logo image using drag-and-drop

1. Locate the desired file in the MacOS Finder or Windows File Explorer.

2. Drag and drop an image of the appropriate file type into the shaded area to see a preview of the image and display the filename.
   You can select the X button (upper-right) or the Remove link (lower-right) to clear the image, if needed.

3. Select the Save button in the upper-right corner to retain your changes.

You will not be able to select a file for drag-and-drop if it does not have a valid image format.

Upload a logo image by browsing your files

1. Select the Browse Files button.

2. Navigate to, and select, the desired file to see a preview of the image and display the filename.
   You can select the X button (upper-right) or the Remove link (lower-right) to clear the image, if needed.

3. Select the Save button in the upper-right corner to retain your changes.