Introduction
Display refers to the look and feel of event forms, websites, and emails.
Forms and websites both use the same custom display shell. This approach 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 provides simple configuration options such as colors and fonts for non-technical users. This page enables users to modify about 80% of the look and feel of pages.
You can define either a single header image or a header and footer for each page. Each definition 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. Extended Display gives 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. This section configures page design aspects such as the background color, default font, and page width.
Some basic settings configured in this section override advanced display settings made on Extended Display. You must select one of these two options.
1. Click Do not overwrite advanced settings if you will be primarily using 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 overwrite the body, form, and table settings. 2. The font face, size, and colors overwrite the font attributes.
Modify page appearance as follows.For colors, use any of these three methods. Use the color picker located directly next to the data field. Enter the HTML color name (e.g., Red). Enter 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. 1. 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. 1. 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. 1. 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
Page Title is the text displayed in the title bar or tab of the viewer's browser.
Header and Footer
Header and Footer are 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.