Features

This section collects the developer-facing guides that go deeper than the Form Author Guide. Use these articles when you need details about how to configure and extend FormEngine Designer features in your application.

📄️ Custom components

Custom components in Form Builder are regular React components that are described using the Form Builder API

📄️ Nested components

Form Builder supports nested components out of the box

📄️ Preset components

Create a preset component in Designer

📄️ Component styling

Styling of components in Form Builder is quite simple, you can customize styles for a component on the "Style" tab

📄️ Modal components

A modal component is a component that can display information in a modal window/dialog box on top of a form

📄️ Adaptive layout

Form Builder allows you to set different styles for different layouts

📄️ Disabled and read-only

How to make a form or part of it disabled or read-only

📄️ Validation

In this article, you will learn how to validate fields and the entire form

📄️ Computed properties

When designing a form in the designer, you can set the values of the component properties in the right pane

📄️ User defined properties

How to override the properties of a component in runtime.

📄️ Localization

In this guide, we will look at how to localize the string properties of a component

📄️ Actions

Actions are reusable, asynchronous JavaScript functions that enable you to handle events and interact with your form in FormEngine Designer

📄️ Conditional rendering

FormBuilder out of the box supports conditional rendering for components

📄️ Using tabs

In this guide, you will learn how to connect components with tabs

📄️ Form's JSON

Each form created in the form designer is JSON, with the designer, you can export a form to JSON, and you can import a form from JSON

📄️ Form storage

In this guide, we will look at how to connect external storage for forms

📄️ Designer customization

Using the customization FormBuilder prop, you can hide, style, or replace any parts of the FormBuilder interface

📄️ Designer localization

Using custom languages in Designer can greatly enhance your project by allowing you to target a specific audience or customize the user experience