Primary Display Setup

Display

The Primary Display page offers simple configuration options, such as colors and fonts, for non-technical users. The Primary Display page lets users modify about 80% of the look and feel of the pages.

A user can define either a single header image or a header and footer for each page. The header and footer can include images, text, and dynamic data fields.

Display Setup

The settings under Plan > Display > Primary Display determine basic display behavior in the Forms that attendees see online.

For most users, this section configures aspects of page design. These aspects include background color, default font, and page width.

Some basic settings configured in Primary Display override advanced display settings made on Extended Display. A user must select one of these two options: 1. Click Do not overwrite advanced settings if the user will primarily use Extended Display settings to determine page appearance. 2. Click Overwrite advanced settings with basic ones to use Display Setup settings here to determine page appearance.

1. The Background Color, Page Width, and Page Alignment basic settings overwrite the Body, Form, and Table settings from Extended Display. 2. The Font Face, Font Size, and Font Colors overwrite the font attributes from Extended Display.

Color methods

A user can use any of these three methods for colors.

• Use the color picker located directly next to the data field.
• Enter the HTML color name. Example: Red.
• Enter the Hex color code. Example: #FF0000.

• Background Color: The background color of the page. Default = White.
• Caution: Be sure the color choice here contrasts well with the Normal Color and Error Color for text that will be displayed on the background.
• Page Alignment: Determines the alignment of the Web page within the browser window. Default = Center.
• Font Face: Used for all text. Default = Verdana.
• Normal Color: The standard text color. Default = black.
• Error Color: The text color used for errors and required fields. Default = red.
• Page Width: In pixels. The width of the form plus the display shell. Default = 800.
• Caution: Graphics may force a larger width that may override this setting.
• Image/Header Align: Determines the relative positioning of the event image and header text. This applies only if the image and header both exist. Default = Left/right.
• Font Size: The base value for normal text. Other text classes have different sizes. Default = 2 (12 pt.).
• Highlight Color: The color of contrasting headers, titles, and special text. Default = #003385
• Contrast Color: The color of text printed on contrasting headers (of Highlight color). Default = white.
• Caution: This must differ from Highlight Color enough to make text clearly visible.

Custom Header and Footer

A user can add a dynamic data field to the Title, Header, or Footer using these steps. 1. Place the cursor at the relevant position in the Title, Header, or Footer. 2. Select a field in the Data Fields drop-down list. 3. Click the relevant button. The buttons are Add to Title, Add to Header, or Add to Footer. The user clicks the button to insert the field.

• Page Title: The text displayed in the title bar or tab of the viewer’s browser.
• Header and Footer: Custom text (or HTML) to appear at the top and bottom, respectively, of every page of online Forms and Event Websites.

A user may enter plain text, with or without HTML tags.

To use the HTML editor, a user clicks </> in the lower right corner of each field.