Create Screen (FormComposer)


This page provides the steps to configure the FormComposer.

Configuration Details

For complex configuration or screen details refer to documentation on Utility - preprocess

Other Variants (FormComposerV2)

There are 3 new use cases added to the FormComposer in addition to the default one where the whole form was rendered in a single card. Those 2 are the following:

  • Multiple cards

  • Cards with navigation menu

  • Multiple cards with navigation menu on a single card

The following use cases are covered in the DIGIT-WORKS repo.

URL to access:/works-ui/employee/works/sampleForm

Multiple Cards

This can be done by setting the showMultipleCards prop to the FormComposer as true. In this case, every object in the formConfig will be treated as a separate Card and will be rendered accordingly.

Access Config Link.

Cards With Navigation Menu

FormComposer provides the option to activate a navigation menu that appears on top of the card. Each link in the menu corresponds to a specific card. To enable this feature, provide an array configuration for the navigation menu as a prop to the FormComposer component. Then, map each card with a link from the navigation menu configuration array using a designated key named "navLink", associating it with a value in the Navigation Menu Config.

Access Configuration link.

Multiple Cards With Navigation Menu On A Single Card

This use case is the same as above. The only difference is the navLink property in the config. If this property is present and valid for a card config, the corresponding card will be mapped to a navigation menu link. On the other hand, if navLink is not present or invalid, the corresponding card will be rendered as a separate Card.

Multiple options can be selected.

Last updated

All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.