Skip to main content


FormViewer Interface

DWKitFormViewer is component which displays forms created in DWKitFormBuilder for debugging. FormViewer interface has the following appearance:

Form Viewer

Its control elements have the following functions:

  1. Form upload from JSON file.
  2. Downloading form layout as JSON file.
  3. The form

Elements 4 - 10 are control of the form.

  1. The panel shows data for the form.
  2. The panel shows errors for the form.
  3. The panel shows model for the form.
  4. The panel shows events from the form.

DWKitFormViewer component

import {DWKitFormViewer} from "./scripts/optimajet-builder.js";
eventFunc={(obj, p) => {
eventErrFunc={(obj, message) => {
getFormFunc={(name) => {


1modelJSON or ObjectForm description
2dataJSON or ObjectForm data
3modelurlstringForm request URL
4dataurlstringData request URL
5errorsObjectObject containing form errors
6eventFuncfunction (obj, p) { ... }Handling form events.
7eventErrFuncfunction(obj, message) { … }Handling form errors.
8getFormFuncfunction(name) { ... }Callback function for getting source form by name
9downloadUrlstringThe url for downloading files. Use for controls which operate files
10uploadUrlstringThe url for uploading files. Use for controls which operate files.