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