Extended Display determines the look and feel of Event Forms, Websites, and Emails.
Extended Display is an advanced capability. Extended Display should only be performed by someone skilled in HTML.
Extended Display is located under Plan > Configure > Display > Extended Display.
Images and Attributes
If images are uploaded in the Event under Display > Assets, Main Image can be selected and First Page Image can be selected. Attributes can then be defined for each image.
HTML Body and Table Attributes
HTML body and table attributes define ids and classes you want to use for specified sections. ids and classes can be defined for the following sections:
- <Body>
- Page <Table>
- Section <Table>
- Section Header <TR>
- Form Fields <Table>
Font Attributes or Classes
Font Attributes or Classes define Font Attributes or Classes that attach to specified options. Font Attributes or Classes can be defined for the following options:
- Title
- Subtitle
- Highlight
- Error
- Header
- Subheader
- Text
- Fine Print
Preview Font Classes and Section Table
Preview Font Classes and Section Table previews changes made in the Font Attributes or Classes section.
Custom HTML Shell
Custom HTML Shell adds a custom HTML shell around the page. Custom HTML Shell is added by inserting HTML above and below the table generated by Certain Platform.
The display shell is declared as HTML5. HTML5-specific code can be included, such as the Role attribute.
HTML to be added can be specified for the Document Head, Header, and Footer in these three sections:
HTML to include within the page <head> </head>
Use HTML to edit or replace the default text provided.
Shell Header (HTML to include above the main page <table>)
Shell Header specifies HTML to include above the main page <table>. Shell Header can include sample header HTML.
Shell Footer (HTML to include below the main page <table>)
Shell Footer specifies HTML to include below the main page <table>. Shell Footer can include sample footer HTML.
Adding data fields to the custom HTML shell
Data fields can be added in each section. Click the place in that section where the field should be placed.
Select the field in the Data Fields drop-down list. Click the relevant button: <HEAD></HEAD>, Shell Header, or Shell Footer.
Example HTML for the custom display shell
If a row needs to be inserted at the top of the page, then HTML can include a table row and cells. If a column needs to be placed on the left and right of the form fields, then HTML can include a table layout.
HTML to include above the main page <table>
<html><head><title></title></head>
<body>
<table>
<tr><td colspan="3">Top column</td></tr>
<tr><td>Left side column</td><td>
<!-- End Custom Header Shell -->
HTML to include below the main page <table>
<!-- Begin Custom Footer Shell -->
</td><td>Right side column</td></tr></table>
</body></html>
Adding Images to a Custom Display Shell
Custom Display Shell can include images. Custom Display Shell images can be added from images uploaded under Plan > Configure > Display > Assets.
1. Click the place in the section where the image should be placed. 2. Select the image in the Available Files drop-down list. 3. Click the button for the area to add it to: Shell Header, Shell Footer, or <HEAD> </HEAD>. 4. Paste in the Relative Path to the file. The Relative Path is displayed when the file is selected.
The same path can be seen and copied by right-clicking the image on the Plan > Configure > Display > Assets page.