Primary Display

(event) > Plan > Configure > Display > Primary Display

Introduction

Jump down to: || Display Setup || Header and Footer || Search Engines | |

 Display refers to the look and feel of your event forms, websites and emails.

Forms and websites both use the same custom display shell. This ensures a consistent look-and-feel for the attendee’s view of the event.

Any HTML-formatted emails sent to attendees can also be set to use the custom display shell.

This Primary Display page offers simple configuration options such as colors and fonts for non-technical users.  Here you can modify about 80% of the look and feel of the pages.

Define either a single header image or a header and footer for each page, which may include images, text and dynamic data fields

Note: If you are well versed in HTML, CSS, and JavaScript, you can use  Configure Display Extended Display" style="display: inline; font-family: Lato, Verdana, Arial, Verdana, Verdana, Verdana, Verdana, Verdana, Verdana, Verdana, sans-serif; font-size: 10pt; color: rgb(22, 7, 255); text-decoration: underline;"Extended Display for more complex additional configuration options , giving you greater flexibility in determining page appearance.

Page Details

Display Setup

This section determines basic display behavior in the registration forms that attendees see online.
For most users, this section is where you configure aspects of page design such as the background color, default font, and page width

Some basic settings configured here will override advanced display settings made on  Configure Display Extended Display" style="display: inline; font-family: Lato, Verdana, Arial, Verdana, Verdana, Verdana, Verdana, Verdana, Verdana, Verdana, sans-serif; font-size: 10pt; color: rgb(22, 7, 255); text-decoration: underline;"Extended Display, so you must select one of these two options:

1. Click Do not overwrite advanced settings if you will be primarily using  Configure Display Extended Display" style="display: inline; font-family: Lato, Verdana, Arial, Verdana, Verdana, Verdana, Verdana, Verdana, Verdana, Verdana, sans-serif; font-size: 10pt; color: rgb(22, 7, 255); text-decoration: underline;"Extended Display settings to determine page appearance, .
2. Click Overwrite advanced settings with basic ones to use the Display Setup here to determine page appearance, .
   1. The background color, page width, and page alignment basic settings will overwrite the body, form, and table settings.
   2. The font face, size, and colors will overwrite the font attributes.

Modify page appearance as follows.

For colors, use any of these three methods: the color picker located directly next to the data field, enter the HTML color name (e.g., Red), or the  Hex color code (e.g. #FF0000).

1. Background Color – The background color of the page.  Default = White.
   1. Caution: Must contrast well with the Normal Color and Error Color in which text will be displayed on it.
2. Page Alignment– Determines the alignment of the Web page within the browser window. Default = Center.
3. Font Face – Used for all text. Default = Verdana.
4. Normal Color – The standard text color. Default = black.
5. Error Color – The text color used for errors and required. fields. Default = red.
6. 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.
7. Image/Header Align – Determines the relative positioning of the event's image and header text.
   • Applies only if the image and header both exist. Default = Left/right.
8. Font Size – The base value for normal text. Other text classes have different sizes. Default = 2 (12 pt.)
9. Highlight Color – The color of contrasting headers, titles, and special text. Default = #003385
10. Contrast Color – The color of text printed on contrasting headers (of Highlight color). Default = white.
    • Caution: Must differ from Highlight Color enough to make text clearly visible.

Custom Header and Footer

• Data Fields – You may insert dynamic data fields (DDFs) into the page title, header, or footer.

  1. Place your cursor at the relevant position in the Title, Header, or Footer.

  2. Select a field in the drop-down list.

  3. Click the relevant button ( Add to Title, Add to Header, or Add to Footer) to include that 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 registration forms and event websites.

  • You may enter plain text, with or without either HTML tags.

  • To use the HTML editor, click </> in the lower right corner of each field.

Search Engines

Note: By default, all Certain forms and websites are "private" (invisible to search engines).

For information about changing this for all or some events, see the pdf guide, Web Crawlability in Certain Events .