Collection List Data-Binding

Data-bind to Collection List content.

View the Demos
DEMO #1

Data-binding from collection list data

To the left is a collection list containing forms and text content which are data-bound to CMS-content.

Collection List

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Welcome, guest!

In this demo, the {{ +attendees }} keys name and code are specially used to populate {{ +startDate }} the vistor's name above, and the default contents of the form at left.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.