2019.1

Project details
The web templates
Both web pages are designed in the WEB_FORM Web Page template. It contains a Web
context with two Web pages: form and thank_you (see "Web pages" on page528).
Styling is done via style sheets (see "Local formatting versus style sheets" on page717). The
style rules are in the context_web_styles.css file. Note that they use the HTML tag (e.g.
section), ID (#theID) and/or the class (.theclass) of elements to select them. (See also:
"Selectors in Connect" on page823.)
Dynamic content is inserted by scripts, which are listed on the Scripts pane. You can double-
click a script to open it.
The scripts in the Thank you folder only affect the thank_you Web page; on the form Web
page, nothing matches their selectors.
Tip
Hover over the name of a script in the Scripts pane to highlight parts of the template that
are affected by the script.
l
Most of the scripts in the Thank you folder directly insert data that were submitted via the
Web form; see "Inserting variable data directly (drag-and-drop)" on page776.
l
The Snippets script (also in the Thank you folder)loads two snippets, depending on the
values of two data fields (see "Loading a snippet via a script" on page817). Note that it
selects the table, in order to insert the snippet after the table (via results.after();
see "Examples" on page1229).
l
The Year script puts the current year in the footer of both Web pages.
For more information about writing scripts, see: "Writing your own scripts" on page798.
The Workflow configuration
The project's Workflow configuration contains just one process: an OL Connect Web process
(see "Web processes with OL Connect tasks" on page207).
Its NodeJS Server Input task has two HTTP Action entries: form and thank_you. This means
Page 190