The Preference Center Designer's Page Properties contains several categories of properties that you can edit to customize your Preference Center's design. This article covers the Page Properties in detail.
The Page Properties are located on the right side of the Preference Center Designer while no field is actively selected.
These are the various options available in each Page Properties category:
General
In the General properties you can:
- Set Page Title and Page Description.
- Choose whether Page Title and Page Description are visible.
- Make the page editable or read-only.
- Set the page width mode: auto, static, or responsive.
Captcha
In the Captcha properties you can choose whether to show or hide the Captcha.
Logo
In the Logo properties you can:
- Provide a page logo.
- Specify the logo width and height.
- Choose the logo fit mode: none, contain, cover, or fill.
Navigation
In the Navigation properties you can:
- Customize the 'Complete' button text.
- Set progress bar alignment: hide field numbers, auto, aboveheader, belowheader, bottom, and topbottom.
- Set progress bar type, if not hidden: completed pages, answered fields, answered required fields, and answered correct fields.
- Set the progress bar to inherit width from its contain or from the entire preference center.
Field
In the Field properties you can:
- Set field order: initial or random.
- Set field title location: top, bottom, or left.
- Set field description location: under question title or under input field.
- Set field number visibility.
- Set field title pattern to various arrangements of the number, field title, and required symbol.
- Customize your required field symbol(s).
- Set the field start index: 1, 2, or 'A', 'a'.
- Set field error location: top or bottom.
- Choose whether to focus the first field on a new page.
- Optionally restrict answer and comment lengths.
- Choose whether to auto-expand text areas or to allow users to resize text areas.
Data
In the Data properties you can:
- Choose if and when to clear hidden question values: never, when the preference is submitted, when the field becomes hidden, or when the field or its panel/page becomes hidden.
- Choose when to update text field value: on lost focus or while typing.
- Choose whether to save partial results in progress.
- Choose whether to save the "Other" option value as a separate property.
Validation
In the Validation properties you can:
- Choose whether to set focus on the first invalid answer.
- Choose when to run validation: When switching to the next page, after an answer is changed, or when the preference is submitted.
Complete
In the Complete properties you can:
- Provide an external link to redirect users to after submission.
- Configure dynamic external links using custom expressions. Click the wand icon within this property to open the expression builder.
- Choose whether to show the Complete page
- Customize your complete page with static or dynamic markup. Click the wand icon within this property to open the expression builder.
- Customize markup to show while the Preference Center is loading. The default is "Loading page..."