Introduction
Display refers to the look and feel of your event forms, websites, and emails.
Forms and websites 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 Extended Display for more complex additional configuration options, giving you greater flexibility in determining page appearance.
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 Extended Display, so you must choose one of these two options:
- Do not overwrite advanced settings if you will be primarily using Extended Display settings to determine page appearance.
- Overwrite advanced settings with basic ones to use the Display Setup here to determine page appearance.
The background color, page width, and page alignment basic settings will overwrite the body, form, and table settings.
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).
Background Color
The background color of the page. Default = White.
Caution: Must contrast well with the Normal Color and Error Color in which text will be displayed on it.
Page Alignment
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's image and header text. 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: 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.
Place your cursor at the relevant position in the Title, Header, or Footer.
Select a field in the drop-down list.
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.
Engines
Note: By default, all Certain forms and websites are "private" (invisible to engines).
For information about changing this for all or some events, see the pdf guide, Web Crawlability in Certain Events.