<SuccessPage>

Skip past table of contents

Search

Table of contents

Start of documentation content

The <SuccessPage> is displayed when a form submission is successful.

A <SuccessPage>'s parent must be the <Root>.

A <SuccessPage> can have any other component within it (except <Root>, <SuccessPage>, <ErrorPage> and <Page>s).

Use of <SuccessPage>

<SuccessPage
  id="successPage"
  titleHtml={{ en: '&lt;SuccessPage&gt; titleHtml' }}
  previousButtonHtml={{ en: 'Previous' }}
>
  [children]
</SuccessPage>

<SuccessPage>'s props

PropAboutType
hideInAnswerSummary

Whether to hide any answers below this.

boolean
previousButtonHtml

Localisable HTML: previous button content.

This can be configured per-<SuccessPage> so that you can have content such as "Previous: Your contact details".

E.g.

{
  en: "Previous: Your contact details",
}
LocalisedHtml
titleHtml

Localisable HTML: page title content.

E.g.

{
  en: "English page title",
}
LocalisedHtml
id

Component Id.

Must be unique within the form.

string
meta

Arbitrary metadata on this node.

This is useful when developing custom controls as it allows you to pass down metadata/extensions.

string
childrenById

Used to indicate children ids of this component.

If used in React this is non-editable.

string[]
hasChildrenById

Non-editable.

Used to indicate that this component has children.

true
hasTagsById

Non-editable.

Used to indicate that this component isn't a form field with tags by id.

false
isFormField

Non-editable.

Used to indicate that this component isn't a form field.

false
isMultichoice

Non-editable.

Used to indicate that this component isn't a multichoice form field like <Select>, <Radios> or <Checkboxes>.

false
type

Non-editable.

Type of component of "SuccessPage".

"SuccessPage"