Formcentric Client

The Formcentric client is a modern and modular JavaScript application based on Preact. The client is used for the dynamic embedding and presentation of Formcentric forms in modern web applications and content management systems (CMS).

The application consists of two main modules:

Formcentric.js

This module forms the outer shell of the application and handles the basic setup.

It is responsible for the following:

  1. Initialisation of the Formcentric application on the embedding page
  2. Loading and applying design configurations
  3. General configuration of the application

Formapp.js

This module constitutes the core of the application and controls the form logic.

It is responsible for the following:

  1. Dynamic form rendering
  2. Form state management
  3. Communication with the Formcentric headless server
  4. Handling user interactions

The architecture has been designed to integrate seamlessly with existing web applications and CMS installations (see Formcentric Client in the developer manuals for CoreMedia and FirstSpirit ). As a result, Formcentric forms can be integrated into websites easily and consistently.

The modular structure supports features such as:

  1. Multiple instances of forms on a page with an identical design
  2. Automatic clean-up of form instances
  3. Customisable designs and styling options

The library is provided as @formcentric/client and is easy to use together with modern JavaScript frameworks such as React, Angular or Vue. This also makes it ideally suited for use in single-page applications.