<forms:successcontent> </...>

Acts as a template for content that will replace the parent <forms:form>. on a successful ajax submission.

Content

any

Usually HTML indicating the successful Form submission.

Attributes

string

Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).

Examples

Newsletter Ajax Form

A subscription form that display a success message on the same page

HTML:

<forms:form id="newsletter_signup" method="ajax" contactmode="subscribe"> <forms:row label="First Name" type="one_column"> <forms:editbox id="contact_first_name" validations="mandatory" /> </forms:row> <forms:row label="Last Name" type="one_column"> <forms:editbox id="contact_last_name" validations="mandatory" /> </forms:row> <forms:row label="Email Address" type="one_column"> <forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" /> </forms:row> <forms:row type="one_column"> <forms:submitbutton>Subscribe</forms:submitbutton> </forms:row> <forms:successcontent> <h3>Thank you! You have been successfully signed up.</h3> </forms:successcontent> </forms:form>