Extended Display Options

Extended Display

Extended Display determines the look and feel of your Event Forms, Websites and Emails.

You can take advantage of these Extended Display options if you are well-versed in HTML, CSS, and JavaScript. This is an advanced capability, that should only be performed by someone skilled in HTML.

Extended Display is located under Plan > Configure > Display > Extended Display.

Images and Attributes

If you have uploaded images in the Event under Display > Assets, you can select one as the Main Image and one as the First Page Image, then define Attributes for each image.

HTML Body and Table Attributes

Define any ids and classes you want to use for the specified sections:

<Body>
Page <Table>
Section <Table>
Section Header <TR>
Form Fields <Table>

Font Attributes or Classes

Define any Font Attributes or Classes that you want to attach to the specified options:

Title
Subtitle
Highlight
Error
Header
Subheader
Text
Fine Print

Preview Font Classes and Section Table

This is where you can preview the changes made in the Font Attributes or Classes section.

Custom HTML Shell

You can add a custom HTML shell around the page by inserting HTML above and below the table generated by the Certain Platform. The display shell is declared as HTML5, so you can include HTML5-specific code, such as the Role attribute. You can specify the HTML to be added to the Document Head, Header, and Footer in these three sections:

HTML to include within the page <head> </head>
- Use to edit or replace the default text provided.
Shell Header (HTML to include above the main page <table>)
- Sample Header HTML
Shell Footer (HTML to include below the main page <table>)
- Sample Footer HTML

In each section, you can add data fields by clicking the place in that section where you want to place the field, selecting the field in the Data Fields drop-down list, and clicking the relevant button: <HEAD></HEAD>, Shell Header, or Shell Footer.

For example, if you want to insert a row at the top of the page and a column on the left and right of the form fields, use the following basic HTML elements:

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

If you have uploaded any images under Plan > Configure > Display > Assets, you can add them to any of the three sections of your Custom Display Shell:

Click the place in the section where you want to place the image.
Select the image in the Available Files drop-down list.
Click the button for the area to add it to: Shell Header, Shell Footer, or <HEAD> </HEAD>.
That pastes in the Relative Path to the file, which is displayed when you select the file.
You can see (and copy) the same path by right-clicking the image on the Plan > Configure > Display > Assets page.

Support Center

Articles in this section